Ale*_*ina 8 javascript linechart google-visualization drag highcharts
我最近放弃了使用Graphael和扩展包Ico.我认为它仍然是一个很棒的库,它只需要更好的文档和适当的API才能被广泛采用.
我已经使用图表转换区域以使用Google Charts,但似乎无法找到一种方法来执行我使用graphael的特定功能:拖动支持.我的一个折线图 需要是可编辑的,这意味着可以上下拖动线上的各个点以调整值.
我一直试图找到一个事件或一种方法来附加API中的事件,但没有取得多大成功.有没有人设法做那样的事情？
据说可以做自定义图表 - 可以这样做吗？
编辑:似乎不太可能或难以挂钩谷歌API或输出SVG.它位于iframe中,没有可用的源代码,因此它的选择越来越少.
我已经开始尝试使用Highcharts了.我能够完成Google引擎所做的一切,并且在渲染后可以摆弄图表.由于提供了源代码,因此可以更轻松地确定某些内容.它似乎比Google解决方案更快一些,因为它在使用折线图而不是单独的SVG圆形元素时使用路径.
我现在面临的问题与SVG Path元素有关 - 没有单点可以设置拖动.因此,为了使用jQuery.draggable,必须在与要拖动的SVG Path片段相同的位置注入SVG Circle或其他元素.所以必须解决以下问题: - 如何将创建的元素放置到正确的位置？ - 如何在缩放图表时移动元素(任一轴上的最小值或最大值更改)？ - 如何将新位置转换回一个值,为所提供的系列数据进行缩放？
有没有人对Highcharts有足够的深度体验来摆弄这些？我会尝试尽可能提供JSfiddle示例.