“2020红亚杯:Echarts实现用户信用可视化”的版本间的差异
来自CloudWiki
(创建页面,内容为“代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style=…”) |
(→js代码:) |
||
(未显示同一用户的8个中间版本) | |||
第1行: | 第1行: | ||
− | + | ||
− | + | ||
− | + | == js代码: == | |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> | <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> | ||
<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>