3级在highchart中的柱状图的下钻？ [英] 3 level Drilldown of a column chart in highchart?

问题描述

我试图实现3 LEVEL Column向下钻取报告。我根据 agent-> customer->问题显示分数

I am trying to implement 3 LEVEL Column drill down report. I'm showing scores based on agent->customer->question

by fusher for reference我已经使用php实现它

I am using the chart made by fusher for reference I have already implemented it using php

1. 我想在此图表示例中实现滚动
   你看到的是折线图。

1. I want to implement scrolling in this chart example which has you see is line chart. How do I achieve a column drilldown scrolling when you have too much data on x axis.

我要禁用图例点击（它会导致柱形图消失） ）

I want to disable legend click (it causes the column chart to disappear)

当在列中钻孔时，可能会使用下一个上一个按钮，具体取决于您在其中的哪一列将带您进行下一个钻取或返回。现在你必须通过所有级别来回来，或者一个按钮让图表初始化或刷新图表。我们正在寻找的东西。

Is a next previous button possible when drilling inside column depending on which column you are in it will take you the next drill or back. At present you have to drill through all levels to come back or a button to bring chart to initial or refresh the chart kinda something I am looking.

不会在ie7和ie8中工作罚款与mozilla和铬ie显示错误。

chart is not rendering in ie7 and ie8 its working fine with mozilla and chrome ie shows errors.

如果我加载图表与本地版本的highcharts下载在我的电脑。

if I load the charts with local version of highcharts downloaded on my pc . for negative column in drill down it shows extra columns.

但是在js中，最新版本的highcharts on highcharts sever它工作正常不知道奇怪的行为。

But in js fiddle with latest version of highcharts on highcharts sever it works fine don't know the strange behaviour.

推荐答案

我实现了3级钻取的目标与coulmn图表highcharts

i achieved the goal of a 3 level drill down with coulmn charts in highcharts

感谢fusher为他的例子

thanks to fusher for his examples

我说

现在我有一个工作表，我需要手动传递php数据）

now i have a working chart where i need to pass the php data manually :)

这是工作js小提琴： http://jsfiddle.net/NULTY/1200/

this is the working js fiddle: http://jsfiddle.net/NULTY/1200/

显示第一列上的3级钻取。我将更新与php代码完成时）

showing 3level drill on first column . i will update with the php code when done :)

edit: fixed jsFiddle link with working dependencies 

这篇关于3级在highchart中的柱状图的下钻？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！