通过图表操作修改数据

时间:2013-05-30 18:40:57

标签: web charts highcharts

是否有适用于网络的图表库,允许用户操作图表并干净地更新支持数据?

我对它如何运作的想法:

  1. 图表定义将传递到图表库
  2. 图表在网页上呈现
  3. 用户修改图表(即添加点,拖动列)
  4. 图表定义被发送回Web服务器(ajax调用),然后更新数据模型
  5. 例如,我希望能够拖动these stacked columns中的任何一个并更新支持json。

    部分初始图表定义

    seriesA: [
             {
            data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
                }]
    

    部分修改图表定义(注意第一个数据点的差异)

    seriesA: [
             {
            data: [130.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
                }]
    

    似乎可以通过highcharts api实现这一点:Google Line Chart: drag to adjust value但我很好奇是否有任何图表解决方案具有更清晰的API。

1 个答案:

答案 0 :(得分:1)

chart.options提供了一般的实际选项,请参阅draggable plugin示例:http://jsfiddle.net/AyUbx/767/