ECharts柱状图-极坐标系下的堆叠柱状图2.rar

共3个文件

js：2个

html：1个

echarts

统计分析

数据可视化

大屏可视化

需积分: 5 0 下载量 50 浏览量 2024-11-23 18:22:48 上传评论收藏 863KB RAR 举报

温馨提示

图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/143997013

资源推荐

资源详情

资源评论

收起资源包目录

ECharts柱状图-极坐标系下的堆叠柱状图2.rar （3个子文件）

图表

lib

5.5.0

echarts.js 3.21MB

echarts.min.js 1005KB

svg

geo

index.html 2KB

images

json

共 3 条

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> #chart-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 1000px; height: 750px; } </style> <script src="./lib/5.5.0/echarts.min.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <div id="chart-panel"></div> <script type="text/javascript"> //初始化图表对象。 var myChart = echarts.init(document.getElementById('chart-panel')); //图表配置。 let option = { toolbox: { feature: { saveAsImage: { show: true } } }, angleAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, radiusAxis: {}, polar: {}, series: [ { type: 'bar', data: [1, 2, 3, 4, 3, 5, 1], coordinateSystem: 'polar', name: 'A', stack: 'a', emphasis: { focus: 'series' } }, { type: 'bar', data: [2, 4, 6, 1, 3, 2, 1], coordinateSystem: 'polar', name: 'B', stack: 'a', emphasis: { focus: 'series' } }, { type: 'bar', data: [1, 2, 3, 4, 1, 2, 5], coordinateSystem: 'polar', name: 'C', stack: 'a', emphasis: { focus: 'series' } } ], legend: { show: true, data: ['A', 'B', 'C'] } }; //将图表对象和图表配置进行关联。 myChart.setOption(option); </script> </body> </html>

评论收藏

内容反馈