javascript - 组合图 - 带条形图的字图
问题描述
我正在为我的一个项目使用highcharts,我想知道是否可以有条形图和词云图的组合图。如下图所示
是否有可能实现这一点,或者是否有任何开源图表库可以做到这一点。
我尝试过的:
我已经查找了所有可用的图表库,但没有找到任何合适的选项。既然是起点,就没什么好说的了。
请帮忙。我被困住了。
解决方案
您需要使用wordcloud
图表创建和添加单独的容器:
chart: {
events: {
load: function() {
var points = this.series[0].points;
points.forEach(function(p) {
var wContainer = $('<div>');
wContainer.addClass('wordCloudContainer');
wContainer.css({
top: this.plotTop,
left: p.plotX
});
$('#mainContainer').append(wContainer);
Highcharts.chart(wContainer[0], {
chart: {
width: p.pointWidth + 40,
height: 200
},
title: {
text: ''
},
credits: {
enabled: false
},
series: [{
type: 'wordcloud',
data: [
['one', 1],
['two', 2],
['three', 3]
]
}]
});
}, this);
}
}
}
现场演示:http: //jsfiddle.net/BlackLabel/2jahsfyp/
API 参考: https ://api.highcharts.com/highcharts/chart.events.load
推荐阅读
- postgresql - 如何杀死他们的进程不再存在的查询
- python - Python拆分第一个“中间”和最后一个单词
- android - 线性布局在 Android Studio 4.1 中不可点击
- marklogic - 如何在 marklogic 中获取 marklogic 数据库备份文件的大小?
- c++ - 了解单线程中 C++ 原子的内存排序
- javascript - 比较对象数组并在匹配时合并数据
- javascript - 我想重定向到对条件做出反应的新页面
- python - 根据现有列的条件创建新的 pandas 列
- postgresql - “通过 heroku-postgresql 更新数据库”后应用程序崩溃
- java - 最后一个序列化的对象被覆盖