“2020红亚杯：Echarts实现用户信用可视化”的版本间的差异
（创建页面，内容为“代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style=…”） |
|||
| 第1行： | 第1行： | ||
| − | 代码： | + | <nowiki> <!DOCTYPE html> |
| + | <html lang="en"> | ||
| + | <head> | ||
| + | <meta charset="UTF-8"> | ||
| + | |||
| + | <title>Title</title> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div style="width: 600px; height: 600px" id="two"></div> | ||
| + | </body> | ||
| + | <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> | ||
| + | |||
| + | </html></nowiki>代码： | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="en"> | <html lang="en"> | ||
2020年11月28日 (六) 14:03的版本
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 600px; height: 600px" id="two"></div> </body> <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> </html>代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body> <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> </html>
