mysql生成饼状图_ECharts制作饼状图

本文结合实例给大家分享站长们常常用到的网站分析工具中的访问来源功能，我们使用Echarts制作饼状图，用于表现不同类目(访问来源)的数据在总和中的占比。

HTML

和前几篇文章介绍的一样，首先引入Echarts，然后在需要放置图表的地方加上div#myChart，同时给它加上宽度和高度属性。

Javascript

现在要初始化echarts实例，然后设置选项，最后渲染图像。

// 基于准备好的dom，初始化echarts实例

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

option = {

tooltip: {

trigger: 'item',

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

},

legend: {

orient: 'horizontal',

left: 'center',

bottom: 0,

data:['直达','其它外链','搜索引擎','直接输入网址或书签','cnblogs.com','微博','微信','百度','谷歌','360','必应','其他']

},

series: [

{

name:'访问来源', //内环