javascript - 相邻图表中是否可以进行多级 Highchart Drilldown?

标签 javascript jquery charts highcharts

我是 highchart 的新手。我在钻取中几乎没有查询。

在向下钻取中,相同的图表被替换。我们可以为钻取的新图表提供特定的空间(如果我说新的 div)吗?如何在不同的图表中添加更多级别的向下钻取?

默认情况下,如果您在图例中有更多系列,单击其中一个将添加/删除该系列。我们能否使该系列仍然可见并附加一个新图表?

最佳答案

看看http://jsfiddle.net/6LXVQ/97/对于一个 3 级的例子

    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}
            ]
        }]
    }

关于javascript - 相邻图表中是否可以进行多级 Highchart Drilldown?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24182865/

相关文章:

jquery - 轮播在 Bootply 中有效,但在我的网站中无效

ios - 在iOS应用程序中显示3D图表

javascript - 谷歌图表 :Create dynamic data view columns

java - 从 Applet 读取 html 源代码时避免重定向

javascript - 了解 AngularJS $compile 函数

javascript - 为什么我的选择标签在 Firefox 和 IE 中无法正确显示?

python - Matplotlib 补丁与提供的参数不匹配。

javascript - 如何将缓动放入滚动绑定(bind)函数中?

javascript - Shelljs:如何取消异步进程?

jquery - 使用回车键事件时限制模糊事件