|
| 1 | +@page |
| 2 | +@model IndexModel |
| 3 | +@{ |
| 4 | + ViewData["Title"] = "Home page"; |
| 5 | + List<ChartData> Data = new List<ChartData>() |
| 6 | + { |
| 7 | + new ChartData { Browser= "Chrome", Users= 59.28 }, |
| 8 | + new ChartData { Browser= "UC Browser", Users= 4.37 }, |
| 9 | + new ChartData { Browser= "Internet Explorer", Users= 6.12 }, |
| 10 | + new ChartData { Browser= "Sogou Explorer", Users= 1.73 }, |
| 11 | + new ChartData { Browser= "QQ", Users= 3.96 }, |
| 12 | + new ChartData { Browser= "Safari", Users= 4.73 }, |
| 13 | + new ChartData { Browser= "Opera", Users= 3.12 }, |
| 14 | + new ChartData { Browser= "Edge", Users= 7.48 }, |
| 15 | + new ChartData { Browser= "Others", Users= 9.57 } |
| 16 | + }; |
| 17 | +} |
| 18 | + |
| 19 | +<ejs-accumulationchart id="chart" title="Browser Market Share"> |
| 20 | + <e-accumulationchart-tooltipsettings enable=true> |
| 21 | + </e-accumulationchart-tooltipsettings> |
| 22 | + <e-accumulation-series-collection> |
| 23 | + <e-accumulation-series type="Pyramid" |
| 24 | + dataSource="Data" |
| 25 | + xName="Browser" |
| 26 | + yName="Users"> |
| 27 | + <e-accumulationseries-datalabel visible=true> |
| 28 | + </e-accumulationseries-datalabel> |
| 29 | + </e-accumulation-series> |
| 30 | + </e-accumulation-series-collection> |
| 31 | +</ejs-accumulationchart> |
0 commit comments