【问题标题】:Drilldown in HighChart on Double Click双击时在 HighChart 中向下钻取
【发布时间】:2014-03-10 19:09:48
【问题描述】:

我想在 Drilldown 模式 中实现 HighChart,它会在 双击列 时从 柱形图转换为饼图 (如果是移动设备,请双击)。 我可以修改 Highchart 提供的向下钻取演示,以在单击时显示柱形图和饼图之间的内容和过渡。 运行示例可以在Demo Link 看到。

我尝试了以下两种方法来进行双击时进行图表转换。在plotOptions.series.point.events.click 中,如果两次单击落在 500ms 的间隙内,则识别为双击。

1)this.series.data[0].firePointEvent('click');

第一个图表触发了此点击,但点击时不显示饼图。

2)

this.drilldown= {series: drilldownSeries};
$('.highcharts-drilldown').onclick()

或任何 dom 事件,带有

chart.drilldown: { series: drilldownSeries}  

删除

在第一次点击时(在运行时),向下钻取元素附加到主图表。因此,钻取图表的事件处理程序没有链接,因此无法触发。 (如果我错了,请纠正我。)Trial Code

感谢任何帮助。

如果上面的方法是死路一条,或者,我会在Highcharts中尝试Dynamic Drill Down的异步模式。

【问题讨论】:

    标签: javascript jquery html charts highcharts


    【解决方案1】:

    我建议熟悉custom events plugin,它允许双击点。然后,您只需要销毁图表并创建新图表或更新系列。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-06
      • 1970-01-01
      相关资源
      最近更新 更多