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

标签 javascript svg charts

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

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

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

我们对此表示同意,并且将其剪辑到图例中的 2 或 3 页上。 但我的问题是,有谁知道浏览按钮的简单解决方案,我们要么想改变它们,要么想把触摸区做得更大,因为用大拇指点击小箭头真的很难。

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

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

有人知道有什么好方法可以让我们的桌面用户和电话用户满意​​吗?

最佳答案

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

玩一下

path{
 fill:red;
}

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

这是左箭头的当前标签:

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

其中 d 是尺寸。

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

关于javascript - 移动设备上的 Google 图表图例寻呼机问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17726278/

相关文章:

javascript - 将时间戳转换为日期和将日期转换为时间戳格式

css - 在悬停时更改 SVG ClipPath

excel - 调整包含图表标题的文本框的大小

javascript - d3.js + React,node.getBoundingClientRect 不是函数

javascript - 从条形图中删除 0 值

javascript - 异步功能意外行为

javascript - 在 Python 中使用数组迭代 javascript 对象

javascript - 检测字段是否使用 JavaScript 或 jQuery 更新

html - 如何使用 CSS 调整 svg 的大小?

javascript - 使用 getbBox 获取 svg 中每个组的坐标不起作用?