以下是引用laowan001在2023-2-17 21:23:50的发言:
515个肯定不够用
另:用脚本动态创建页面如何实现?我现在有已经有生成好的html文件
515个肯定不够用
另:用脚本动态创建页面如何实现?我现在有已经有生成好的html文件
创建窗口时先打开一个空页面 about:blank,再用JS写入html
<!-- 此示例下载自 https://echarts./examples/zh/editor.html?c=pie-simple --> <!DOCTYPE html> <html lang="zh-CN" style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div> <script type="text/javascript" src="https://fastly./npm/echarts@5.4.1/dist/echarts.min.js"></script> <!-- Uncomment this line if you want to dataTool extension <script type="text/javascript" src="https://fastly./npm/echarts@5.4.1/dist/extension/dataTool.min.js"></script> --> <!-- Uncomment this line if you want to use gl extension <script type="text/javascript" src="https://fastly./npm/echarts-gl@2/dist/echarts-gl.min.js"></script> --> <!-- Uncomment this line if you want to echarts-stat extension <script type="text/javascript" src="https://fastly./npm/echarts-stat@latest/dist/ecStat.min.js"></script> --> <!-- Uncomment this line if you want to use map <script type="text/javascript" src="https://fastly./npm/echarts@4.9.0/map/js/china.js"></script> <script type="text/javascript" src="https://fastly./npm/echarts@4.9.0/map/js/world.js"></script> --> <!-- Uncomment these two lines if you want to use bmap extension <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=YOUR_API_KEY"></script> <script type="text/javascript" src="https://fastly./npm/echarts@5.4.1/dist/extension/bmap.min.js"></script> --> <script type="text/javascript"> var dom = document.getElementById('container'); var myChart = echarts.init(dom, null, { renderer: 'canvas', useDirtyRect: false }); var app = {}; var option; option = { title: { text: '各温区货量', subtext: '', left: 'center' }, tooltip: { trigger: 'item' }, legend: { show: true, orient: 'vertical', left: 'left' }, series: [ { name: 'Access From', type: 'pie', radius: '50%', data:[{value: 64476,name: '冷藏'},{value: 64028,name: '冷冻'},{value: 186819,name: '常温'}], emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }; if (option && typeof option === 'object') { myChart.setOption(option); } window.addEventListener('resize', myChart.resize); </script> </body> </html>