相关疑难解决方法(0)

更新:这是一个显示问题的jsfiddle:http://jsfiddle.net/pynju/1/

点击星期一的蓝色栏目.加载详细视图时,请注意01-07有3列(预期为2).单击最高的栏以返回原始视图.请注意,xAxis上的标签未被删除.

===============

我有一个条形图,有2个系列,并排显示为成对的条形图.

series: [{
         showInLegend: false,
         data: dowChartData
      },{
         showInLegend: false,
         data: avgUserDowChartData
      }],

.

dowChartData = [                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   {
                y: 98.74,
                color: '#0072ff',
                drilldown: {
                   name: 'Category Engagement - Sunday',
                   categories: ['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23'],
                   data: [0,637,0,0,0,173,48.54,48.54,0,0,0,0,0,0,102.24,166.36,706.59,699.18,298.32,184.14,97.08,1539,0,1224.56],
                   color: '#0072ff',
                   data2: [506.80686467275,354.56354558498,333.25158689567,234.19283190879,234.82132336088,220.03247578171,222.86420797556,218.14034615202,170.42559544164,171.54776353196,249.24788461442,345.14915669555,206.65543589797,243.38811965637,367.02593304906,378.83677778129,467.45739743621,424.26264387522,639.60922934374,679.71299714907,373.26353846375,480.94380626458,551.82326068362,466.77469230724],
                   color2: '#C00'
                }
             }
AND SIMILAR

.

avgUserDowChartData = [                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         {
                y: 142.35,
                color: '#C00'
             },
AND SIMILAR

初始数据是星期几数据,X轴为:星期日 - 星期一 - 星期二 - 星期三 - 星期四 - 星期五 - 星期六

初始系列有一个带有新数据和数据2的钻取元素(见上文)

以钻取演示代码为例,我已经有了这个代码:

column: {
              borderWidth: 0, …

我正在使用Highcharts来表示时间序列组.因此,从同一个体收集的数据点通过线连接,来自属于同一组的个体的数据点共享相同的颜色.Highcharts图例显示每个单独的时间序列而不是组,我有超过一百个时间序列,以这种方式隐藏和显示数据是丑陋和不切实际的.

相反,我制作了按钮并使用jQuery将它们与在时间序列中搜索匹配颜色的函数相关联,并切换每个匹配系列的可见性.

以下是一个包​​含小数据集的示例:http://jsfiddle.net/bokov/VYkmg/6/

以下是该示例中的系列隐藏函数:

$("#button").click(function() {
    if ($(this).hasClass("hideseries")) {
        hs = true;
    } else {
        hs = false;
    }
    $(chart.series).each(function(idx, item) {
        if (item.color == 'green') {
            if (hs) {
                item.show();
            } else {
                item.hide();
            }
        }
    });
    $(this).toggleClass("hideseries");
});

以上工作.问题是,我的真实数据可能有超过一百个单独的时间序列,看起来检查每个系列的颜色真的很慢.那么,有人能提出一种更有效的方法来解决这个问题吗？是否有一些内置的Highcharts方法已经这样做了？或者,我可以给jQuery一个更具体的选择器吗？

我尝试挖掘<svg>由Highcharts创建的元素,但我无法确定哪些子元素对应于图表中的系列.

谢谢.