javascript - 手机上的谷歌图表图例寻呼机问题

Question

我正在开发一个网络应用程序，它使用 jQuery Mobile 和谷歌图表来显示一个/许多自定义构建平台的不同类型的分析负载。

以上内容与我的问题并不完全相关，我要解决的问题是大量的图例值。

当然，在我们的图表中使用较少的不同值会更好，但出于某种原因，我们确实需要 20 个左右的项目。

我们都同意这一点，并且它被裁剪到图例中的 2 或 3 页上。不过我的问题是，有没有人知道浏览按钮的简单解决方案，我们要么更改它们，要么扩大触摸区域，因为用大拇指点击小箭头真的很难。

http://jsfiddle.net/3DP3F/1/

拇指图标的问题示例。

有谁知道让我们的桌面用户和电话用户满意​​的好方法吗？

Answer 1

您无法编辑大小，因为它是 SVG 路径。这些的大小只能在标签内编辑，不能使用 css。唯一的选择可能是使用 JavaScript。您必须编辑属性 d 并找出更高的维度，因为 path 只使用维度而不是 height 和 width .

玩一下

path{
 fill:red;
}

看看你能用它做什么。

这是左箭头的当前标签:

<path d="M356,162L351,151L345,162Z" stroke="none" stroke-width="0" fill="#cccccc"></path>

d 是维度。

虽然这不是解决方案，但希望这对您有所帮助。