【问题标题】:Is multiple level Highchart Drilldown possible in adjacent charts?相邻图表中是否可以进行多级 Highchart Drilldown?
【发布时间】:2014-06-12 11:08:52
【问题描述】:

我是highchart的新手。我有一些深入的查询。

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

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

【问题讨论】:

    标签: javascript jquery charts highcharts


    【解决方案1】:

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

    【讨论】:

    • 干净的答案。谢谢..!
    【解决方案2】:

    目前有 2 / 3 个级别可用。见例子:http://jsfiddle.net/6LXVQ/1/

    series: [{
            name: 'Things',
            colorByPoint: true,
            data: [{
                name: 'Animals',
                y: 5,
                drilldown: 'animals'
            }]
        }],
        drilldown: {
            series: [{
                id: 'animals',
                name: 'Animals',
                data: [
                    {name: 'Cats', 
                     y: 4,
                     drilldown: 'cats'},
                    ['Dogs', 2],
                    ['Cows', 1],
                    ['Sheep', 2],
                    ['Pigs', 1]
                ]
            }, {
    
                id:'cats',
                data: [1,2,3] 
            }]
        }
    

    【讨论】:

    • 是否可以获得新图表而不是在每个级别上替换相同的图表?
    • 您可以随时销毁图表并创建新图表。
    • 缺乏 javascript 知识给我带来了问题 :( 有没有其他方法可以通过单击图表 1 中的项目打开新图表(功能与向下钻取相同)?
    • 是否有相同的选项?任何后退按钮都应显示在“已启动”图表的后退
    • 除了向下钻取还有其他选项吗?我不想要任何后退按钮。我希望两个图表同时显示
    猜你喜欢
    • 2015-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-11
    • 2012-08-31
    • 2020-02-23
    • 2011-09-12
    • 1970-01-01
    相关资源
    最近更新 更多