是否可以在相邻图表中使用多级别的Highchart？ [英] Is multiple level Highchart Drilldown possible in adjacent charts?

问题描述

我是highchart的新手。我在查询中有几个查询。

在向下钻取同一图表被替换。我们可以给钻出的新图表的特定空间（如果我说新的div）？如何在不同的图表中添加更多级别的明细？

默认情况下，如果图例中有更多的系列，点击其中一个将添加/删除该系列。 我们可以看看

/jsfiddle.net/6LXVQ/97/\">http://jsfiddle.net/6LXVQ/97/ 3级示例

  series：[{
 id：'toplevel'，
 name：'Animals'，
 data：[
 {name：'Cats'，y： 4，向下钻取：'level1'}，
 {name：'Dogs'，y：2}，
 {name：'Cows'，y：1}，
 {name：'Sheep '，y：2}，
 {name：'Pigs'，y：1} 
] 
}]，
向下钻取：{
 series：[{
 id：'level1'，
 name：'Level 1'，
 data：[
 {name：'Trees'，y：1}，
 {name： 'Plants'，y：2}，
 {name：'Grass'，y：3}，
 {name：'Deeper'，y：4，drilldown：'level2'} 
 ] 
}，{
 id：'level2'，
 name：'Level 2'，
 data：[
 {name：'Green'，y：1 }，
 {name：'Red'，y：4}，
 {name：'Blue'，y：3} ：'level3'} 
] 
}，{
 id：'level3'，
 name：'Level 3'，
 data：[
 { name：'Yes'，y：1}，
 {name：'it'，y：2}，
 {name：'works'，y：3} 
] b}] 
} 
  

I am a newbie in highchart. I have few queries in drilldown.

In drilldown same chart gets replaced. Can we give particular space for drilled new chart (if I say new div)? How can I add more levels of drilldown in different chart ?

By default if you have more series in the legend, clicking on one of them will add/remove that series. Can we make the series still visible a append a new chart ?

解决方案

have a look at http://jsfiddle.net/6LXVQ/97/ for a 3 level example

    series: [{
        id: 'toplevel',
        name: 'Animals',
        data: [
            {name: 'Cats', y: 4, drilldown: 'level1'},
            {name: 'Dogs', y: 2},
            {name: 'Cows', y: 1},
            {name: 'Sheep',y: 2},
            {name: 'Pigs', y: 1}
        ]
    }],
    drilldown: {
        series: [ { 
            id:'level1',
            name: 'Level 1',
            data: [
                {name: 'Trees', y: 1},
                {name: 'Plants', y: 2},
                {name: 'Grass', y: 3},
                {name: 'Deeper', y: 4, drilldown: 'level2'}
            ] 
        },{                
            id:'level2',
            name: 'Level 2',
            data: [
                {name: 'Green', y:1},
                {name: 'Red', y:2},
                {name: 'Blue', y:3},
                {name: 'Deeper', y: 4, drilldown: 'level3'}
            ] 
        },{
            id: 'level3',
            name: 'Level 3',
            data: [
                {name:'Yes', y:1},
                {name:'it',y:2},
                {name:'works', y:3}
            ]
        }]
    }

这篇关于是否可以在相邻图表中使用多级别的Highchart？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！