移动设备上的Google图表图例传呼机问题

时间:2013-07-18 14:26:48

标签: javascript svg charts

我正在开发一个网络应用程序,该应用程序使用jQuery mobile和google图表为一些/多个自定义构建平台显示不同类型的分析。

以上与我的问题并不完全相关,我所涉及的问题是大量的传奇价值。

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

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

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

拇指图标出现问题的示例。

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

1 个答案:

答案 0 :(得分:2)

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

玩一下

path{
 fill:red;
}

了解你可以用它做些什么。

这是左箭头的当前标记:

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

其中d是维度。

希望这对你有所帮助,虽然这不是解决方案。