2013-05-30 76 views
0

是否有任何Web图表库允许用户操纵图表并干净地更新后台数据?通过图表操作修改数据

我它是如何工作的想法:

  1. 图表定义传递给图表库
  2. 下图是在网页上
  3. 用户呈现修改图表(即加点,将一个柱)
  4. 的图表定义被发送回给web服务器(AJAX调用),然后更新数据模型

例如,我希望能够拖动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但我m好奇,是否有任何图表解决方案具有更清洁的API。

回答

1

一般实际可供选择的chart.options,见例如与可拖动的插件:http://jsfiddle.net/AyUbx/767/

+0

你有什么见解,为什么highcharts和JS图表一般图书馆都没有包含此功能为核心功能? – Jesse