双击向下钻取HighChart

时间:2014-03-10 19:09:48

标签: javascript jquery html charts highcharts

我想在向下钻取模式中实现HighChart,它将从柱形图转换为饼图 双击列 (移动时双击)。 我可以修改Highchart提供的向下钻取演示来显示内容和专栏与专栏之间的过渡单击上的饼图。 正在运行的示例可以在Demo Link看到。

我尝试了以下两种方法来双击执行图表转换。在plotOptions.series.point.events.click中,如果两次点击都在500毫秒的间隙内,则会识别出双击。

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的异步模式。

1 个答案:

答案 0 :(得分:1)

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