【问题标题】:javascript chart library that supports the "follows" on line charts with mobile支持移动端折线图“跟随”的javascript图表库
【发布时间】:2013-07-18 14:21:54
【问题描述】:

我正在寻找一个 html5/css/javascript 图表库,它支持移动设备上的“跟随”折线图。 准确地说,我在折线图上所说的“跟随”指的是什么,这里有很好的例子:

即使略有不同,这个也不错

我使用here 提供的广泛比较进行了一些测试。不幸的是,我找不到一个带有“跟随”的折线图演示,它在 Chrome 和 Chrome Android 上都“开箱即用”。 Chrome 是我目前的目标浏览器,我正在编写一个非商业应用程序只是为了好玩。

似乎这些实现中的大多数都基于 :hover css 选择器,而该选择器不适用于移动设备。我试图将 :hover 逻辑与“touchmove”绑定,但这并不简单(至少用人力车)。

我的问题是:我是否缺少现有库中的库或选项,还是应该继续尝试实现我的自定义逻辑?

【问题讨论】:

    标签: javascript html web charts


    【解决方案1】:

    你可以试试echarts,它非常擅长渲染大数据并且支持“follow”,下面是例子和代码

    http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-dataZoom-all

    【讨论】:

    • 最好在答案部分添加完整的答案,不建议添加链接作为答案,因为以后可能会破坏这些链接或更改这些链接的内容。
    【解决方案2】:

    您错过了列表中的 amCharts,它确实支持“关注”,例如: http://www.amcharts.com/javascript-charts/line-with-duration-on-value-axis/

    注意,您应该设置 chart.panEventsEnabled = true 以便触摸事件在移动设备上起作用。

    免责声明 - 我是 amCharts 和 amMap 的作者。

    【讨论】:

    • 谢谢,我刚刚开始实现自己的代码来支持移动设备上的“关注”。我一定会看看 amCharts。很抱歉忘记了你的图书馆^^.
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-08-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多