chart.js变态堆叠柱状图

2017-06-28 10:47:44 2k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

新手别怕！用嘉立创EDA从零画一块ESP8266最小系统板（附完整PCB源文件）本文详细指导新手如何使用嘉立创EDA从零开始设计ESP8266最小系统板，涵盖原理图绘制、PCB布局、布线技巧及设计验证等关键步骤。通过实战案例和实用技巧，帮助读者快速掌握PCB设计基础，轻松打造自己的物联网开发板，并附完整PCB源文件供参考。阅读详情

如何用chart.js实现两组堆叠柱状图，可以实现吗

...全文

STM32开发实战：从嵌入式系统到硬件控制 | 你必须得会 🏆本文收录于「编程与技术实战」专栏，此专栏涵盖了C/C++编程、人工智能、数据结构、机器学习等技术领域的内容，助你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！阅读详情

李苗苗00000

HTML5 43,737 成员 5,571 内容

+ 关注 + 加入社区

切换为时间正序

宝丶哥 2018-07-13

打赏
举报

这是我项目的一个画图，你可以把从这：
// 初始化图表标签
var myChart = echarts.init(document.getElementById('chart'));
开始，到这：
myChart.setOption(options);
结束的代码拿到出来放到html页面做测试，可能要微调一下，因为：
legend: {
data: 这里的值是动态获取的。没图的话检查下这里写错没有。
}
和：
series: [
这里也是动态获取的。没图的话检查下这里写错没有。
]

宝丶哥 2018-07-13

打赏
举报

业余草 2017-06-29

打赏
举报

可以实现的，官方文档多看看！

西萌萌 2017-06-28

打赏
举报

可以用不同的stack名称： var barChartData = { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: 'Dataset 1', backgroundColor: window.chartColors.red, stack: 'Stack 0', data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ] }, { label: 'Dataset 2', backgroundColor: window.chartColors.blue, stack: 'Stack 0', data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ] }, { label: 'Dataset 3', backgroundColor: window.chartColors.green, stack: 'Stack 1', data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ] }, { label: 'Dataset 4', backgroundColor: window.chartColors.green, stack: 'Stack 1', data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ] }] }; 楼主是要这个效果吗？

yaomieyu5613 2017-06-28

打赏
举报

为什么我的chart.js显示的柱形图在浏览器上是铺满整个浏览器页面的，你知道怎么调小点吗 <canvas id="canvas" width="300" height="150"></canvas>还是很大啊

李苗苗00000 2017-06-28

打赏
举报

scales: { xAxes: [{ stacked: true, }], yAxes: [{ stacked: true }] } 加上这个才有堆叠的效果哦

chart.js变态堆叠柱状图

相关推荐