ECharts旭日图-MonochromeSunburst.zip资源-CSDN文库

共5个文件

png：2个

js：2个

html：1个

版权申诉

77 浏览量 2024-12-26 18:02:00 上传评论收藏 2.8MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

ECharts旭日图-MonochromeSunburst.zip （5个子文件）

图表

lib

5.5.0

echarts.js 3.21MB

echarts.min.js 1005KB

svg

geo

bin

index.html 9KB

images

hill-Kilimanjaro.png 278KB

hill-Qomolangma.png 1.52MB

json

<!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')); //图表配置。 const item1 = { color: '#F54F4A' }; const item2 = { color: '#FF8C75' }; const item3 = { color: '#FFB499' }; const data = [ { children: [ { value: 5, children: [ { value: 1, itemStyle: item1 }, { value: 2, children: [ { value: 1, itemStyle: item2 } ] }, { children: [ { value: 1 } ] } ], itemStyle: item1 }, { value: 10, children: [ { value: 6, children: [ { value: 1, itemStyle: item1 }, { value: 1 }, { value: 1, itemStyle: item2 }, { value: 1 } ], itemStyle: item3 }, { value: 2, children: [ { value: 1 } ], itemStyle: item3 }, { children: [ { value: 1, itemStyle: item2 } ] } ], itemStyle: item1 } ], itemStyle: item1 }, { value: 9, children: [ { value: 4, children: [ { value: 2, itemStyle: item2 }, { children: [ { value: 1, itemStyle: item1 } ] } ], itemStyle: item1 }, { children: [ { value: 3, children: [ { value: 1 }, { value: 1, itemStyle: item2 } ] } ], itemStyle: item3 } ], itemStyle: item2 }, { value: 7, children: [ { children: [ { value: 1, itemStyle: item3 }, { value: 3, children: [ { value: 1, itemStyle: item2 }, { value: 1 } ], itemStyle: item2 }, { value: 2, children: [ { value: 1 }, { value: 1, itemStyle: item1 } ], itemStyle: item1 } ], itemStyle: item3 } ], itemStyle: item1 }, { children: [ { value: 6, children: [ { value: 1, itemStyle: item2 }, { value: 2, children: [ { value: 2, itemStyle: item2 } ], itemStyle: item1 }, { value: 1, itemStyle: item3 } ], itemStyle: item3 }, { value: 3, children: [ {

评论收藏

内容反馈

版权申诉