jquery饼状图插件的指引线_jquery echarts 饼状图

var myChart = echarts.init(document.getElementById('myChart'));

option = {

title : {

text: '某站点用户访问来源',

x:'center'

},

tooltip : {

trigger: 'item',

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

},

legend: {

orient: 'vertical',

x: 'left',

data: ['直接访问','邮件营销']

},

series : [

{

name: '访问来源',

type: 'pie',

radius : '55%',

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

data:[

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

]

}

]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

title 配置主标题副标题居中，tooltip 配置提示框显示格式，legend 配置图例标记的位置样式，series 配置主体的数据，饼状图需要基本的 type、radius 、center、data 几项分别设置样式、半径、原点位置和数据。

自定义扇形区域颜色 ：设置 option.color 的值即可，例如 color:[“red”,”green”]

扇形区域的角度太小，鼠标获取位置麻烦或指示不清楚：series 有一配置项 minAngle ，作用是配置最小显示角度，用于防止某个值过小导致扇区太小影响交互，取值范围(0 ~ 360)。