c#中嵌入echarts_怎么在MVC中使用Echarts饼图

第二步：代码实现。

具体实现如下所示

借助于jquery的组件实现饼图

$(function () {

var myChart = echarts.init($("#myChartArea")[0]);

var option = {

title: {

text: '百度用户访问来源',

subtext: '纯属虚构',

x: 'center'

},

tooltip: {

trigger: 'item',

formatter: "{a}
{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical',

left: 'left',

data: ['百度知道', '百度经验', '百度百科', '百度论坛', '百度搜索']

},

series: [

{

name: '访问来源',

type: 'pie',

radius: '55%',

center: ['50%', '60%'],

data: [

{value: 335, name: '百度知道'},

{value: 310, name: '百度经验'},

{value: 234, name: '百度百科'},

{value: 135, name: '百度论坛'},

{value: 1548, name: '百度搜索'}

],

itemStyle: {

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

}

}

]

};

// 为echarts对象加载数据

myChart.setOption(option);

});