差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 | ||
|
playground:playground [2021/05/14 16:19] ysbywyxfp |
playground:playground [2021/06/04 10:18] (当前版本) ysbywyxfp |
||
|---|---|---|---|
| 行 1: | 行 1: | ||
| ====== PlayGround ====== | ====== PlayGround ====== | ||
| - | <achart> | + | <achart> { |
| - | { | + | <code> |
| - | chart: { | + | |
| - | width: 380, | + | |
| - | type: 'pie', | + | |
| - | toolbar: { show: true,tools: { download: true } }, | + | |
| - | }, | + | |
| - | labels: ['人员A', '人员B', '人员C', '人员D', '人员E'], | + | |
| - | series: [44, 55, 13, 43, 22], | + | |
| - | responsive: [{ | + | |
| - | breakpoint: 480, | + | |
| - | options: { | + | |
| - | chart: { | + | |
| - | width: 200 | + | |
| - | }, | + | |
| - | legend: { | + | |
| - | position: 'bottom' | + | |
| - | } | + | |
| - | } | + | |
| - | }] | + | |
| - | } | + | |
| - | </achart> | + | |
| - | + | ||
| - | + | ||
| - | const dataSource = { | + | |
| chart: { | chart: { | ||
| - | caption: "Recommended Portfolio Split", | + | width: 380, |
| - | subcaption: "For a net-worth of $1M", | + | type: 'pie', |
| - | showvalues: "1", | + | toolbar: { show: true,tools: { download: true } }, |
| - | showpercentintooltip: "0", | + | |
| - | numberprefix: "$", | + | |
| - | enablemultislicing: "1", | + | |
| - | theme: "fusion" | + | |
| }, | }, | ||
| - | data: [ | + | labels: ['人员A', '人员B', '人员C', '人员D', '人员E'], |
| - | { | + | series: [44, 55, 13, 43, 22], |
| - | label: "Equity", | + | responsive: [{ |
| - | value: "300000" | + | breakpoint: 480, |
| - | }, | + | options: { |
| - | { | + | chart: { |
| - | label: "Debt", | + | width: 200 |
| - | value: "230000" | + | }, |
| - | }, | + | legend: { |
| - | { | + | position: 'bottom' |
| - | label: "Bullion", | + | } |
| - | value: "180000" | + | } |
| - | }, | + | }] |
| - | { | + | </code> |
| - | label: "Real-estate", | + | } </achart> |
| - | value: "270000" | + | |
| - | }, | + | |
| - | { | + | |
| - | label: "Insurance", | + | |
| - | value: "20000" | + | |
| - | } | + | |
| - | ] | + | |
| - | }; | + | |
| - | FusionCharts.ready(function() { | ||
| - | var myChart = new FusionCharts({ | ||
| - | type: "pie3d", | ||
| - | renderAt: "chart-container", | ||
| - | width: "100%", | ||
| - | height: "100%", | ||
| - | dataFormat: "json", | ||
| - | dataSource | ||
| - | }).render(); | ||
| - | }); | ||