highcharts - 折线图和树状图的Highcharts组合
问题描述
我需要将可拖动的折线图和树形图结合起来。
请参见此处:JSFiddle 示例
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 轴吗?你有其他想法如何组合这两个图表吗?
解决方案
一种可能对您有用的解决方法是添加一个附加轴并将其简单地链接到原始轴。
例如,创建一个“重复”的 x 轴和 y 轴:
xAxis: [{
},{
linkedTo: 0
}],
yAxis: [{
}, {
linkedTo: 0
}]
请参阅使用中的此 JSFiddle 演示。这使轴模仿您最初的外观。
如果您希望折线图完全独立于原始轴,您可以执行以下操作:
series: [{
// ...
}, {
data: [[0, 100], [10,90.9], [20,81.8], [30,72.7]],
type: 'line',
yAxis: 1,
xAxis: 1,
// ...
}],
xAxis: [{
},{
}],
yAxis: [{
}, {
}],
请参阅使用中的此 JSFiddle 演示。这作为一个完全独立的轴工作。
推荐阅读
- ssl - 在 oracle 钱包中添加证书后面临未知 SSL 错误 oracle 11g
- uml - 如何在 UML2 组件图中正确使用端口和接口
- python - 用户登录后调用 displayMenu() 函数
- c# - 将 C# WebApp 从 Azure AppService 连接到在另一个 Azure VM 中运行的应用程序
- java - 单击 RecyclerView 中的项目时如何获取详细信息?
- awk - 将 awk 操作应用于特定列
- docker - 这个 docker 命令中的“docker-compose up -d” “-d” 有什么作用
- python - 依靠 pandas 的滚动时间窗口
- github - github问题反馈,如微软文档
- python - print() 的无效关键字参数