Question

我需要组合可拖动的折线图和树形图。

Highcharts.chart('container', {
    series: [{
        type: "treemap",
        data: [
        {id: "NS",name: 'NS_area', value:5},
        // ...
        }
    },{
        data: [[0, 100], [10,90.9], [20,81.8], [30,72.7]],
        type: 'line',
    }]
});

使用树形图时可以显示x，y轴吗？您还有其他想法如何合并两个图表吗？

Answer 1

一种可能适合您的解决方法是添加一个附加轴并将其简单地链接到原始轴。

例如，创建一个“重复的” x轴和y轴：

xAxis: [{
},{ 
    linkedTo: 0 
}],
yAxis: [{

}, { 
    linkedTo: 0 
}]

请参阅this JSFiddle demonstration使用中的内容。这使轴模仿了您最初的外观。

如果您希望折线图完全独立于原始轴，则可以执行以下操作：

series: [{
    // ...
}, {
    data: [[0, 100], [10,90.9], [20,81.8], [30,72.7]],
    type: 'line',
    yAxis: 1,
    xAxis: 1,
    // ...
}],
xAxis: [{
},{ 
}],
yAxis: [{
}, { 
}],

请参阅this JSFiddle demonstration使用中的内容。这是一个完全独立的轴。

折线图和树形图的图表组合

1 个答案: