关于 javascript:移动设备上的 Google 图表图例寻呼机问题

Google chart legend pager issues on mobile

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

以上内容与我的问题并不完全相关,我遇到的问题是大量的图例值。

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

我们对此很满意,并且它被剪辑到图例中的 2 或 3 页上。
不过我的问题是,有没有人知道浏览按钮的简单解决方案,我们要么想改变它们,要么想把触摸区变大,因为用大拇指点击小箭头真的很困难。

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

拇指图标的问题示例。

有没有人知道让我们的桌面和电话用户满意??的好方法?


您无法编辑尺寸,因为它是 SVG path。它们的大小只能在标签内编辑,不能用 css 编辑。唯一的选择可能是使用 JavaScript。您必须编辑属性 d 并找出更高的维度,因为 path 仅使用维度而不是 heightwidth

玩一下

1
2
3
path{
 fill:red;
}

看看你可以用它做更多的事情。

这是从左箭头开始的当前标签:

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

其中 d 是维度。

希望这对您有所帮助,尽管这不是解决方案。