“2020红亚杯:Echarts实现用户信用可视化”的版本间的差异
来自CloudWiki
(→代码:) |
(→js代码:) |
||
(未显示同一用户的4个中间版本) | |||
第1行: | 第1行: | ||
− | / | + | |
+ | == js代码: == | ||
+ | |||
+ | <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> | ||
+ | <script> | ||
+ | var mycharts = echarts.init(document.getElementById("two")); | ||
+ | var option = { | ||
+ | title: { | ||
+ | text: "信用得分分布图", | ||
+ | left:200 | ||
+ | }, | ||
+ | legend:{ | ||
+ | orient: 'vertical', | ||
+ | right:10, | ||
+ | data:["1","2","3","4","5","6","7","8","9","10","11"] | ||
+ | }, | ||
+ | xAxis: {}, | ||
+ | yAxis: {}, | ||
+ | series: [{name:"pi",type:"pie",data:[ | ||
+ | {name:"1",value:616}, | ||
+ | {name:"2",value:2853}, | ||
+ | {name:"3",value:3790}, | ||
+ | {name:"4",value:6224}, | ||
+ | {name:"5",value:5109}, | ||
+ | {name:"6",value:6181}, | ||
+ | {name:"7",value:5469}, | ||
+ | {name:"8",value:6622}, | ||
+ | {name:"9",value:3956}, | ||
+ | {name:"10",value:3055}, | ||
+ | {name:"11",value:973}, | ||
+ | ]}, | ||
+ | |||
+ | ] | ||
+ | }; | ||
+ | mycharts.setOption(option);</script> |
2020年11月28日 (六) 14:08的最新版本
js代码:
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> <script> var mycharts = echarts.init(document.getElementById("two")); var option = { title: { text: "信用得分分布图", left:200 }, legend:{ orient: 'vertical', right:10, data:["1","2","3","4","5","6","7","8","9","10","11"] }, xAxis: {}, yAxis: {}, series: [{name:"pi",type:"pie",data:[ {name:"1",value:616}, {name:"2",value:2853}, {name:"3",value:3790}, {name:"4",value:6224}, {name:"5",value:5109}, {name:"6",value:6181}, {name:"7",value:5469}, {name:"8",value:6622}, {name:"9",value:3956}, {name:"10",value:3055}, {name:"11",value:973}, ]},
] }; mycharts.setOption(option);</script>