打开主菜单
首页
随机
登录
设置
关于活字社
免责声明
活字社
搜索
查看“Template:ECharts5”的源代码
←
Template:ECharts5
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
<html><script src="https://f.d.8gov.com/echarts@5.4.3/echarts.js"></script></html><noinclude> ===用法=== 在页面中插入代码 <code><nowiki>{{ECharts5}}</nowiki></code> 用 <code><nowiki><html></html></nowiki></code> 包裹图表代码 ===效果=== <html> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 示例' }, tooltip: {}, legend: { data: ['销量'] }, xAxis: { data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'] }, yAxis: {}, series: [ { name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] } ] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script> </html> <noinclude>
返回
Template:ECharts5
。