Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度Echarts饼图中间显示文字

var scale = 1;
var echartData = [{
  value: 2000,
  name: 'vuej'
}, {
  value: 2800,
  name: 'css'
}, {
  value: 3500,
  name: 'nodejs'
}, {
  value: 1500,
  name: 'dedecms'
}, {
  value: 2560,
  name: 'rectjs'
}, {
  value: 1770,
  name: 'php'
}]

option = {
  legend: {
    orient : 'vertical',
    x : 'left',
    data:['php','rectjs','vuej','css','nodejs','dedecms']
  },
  tooltip : {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c} ({d}%)"
  },
  title: {
    text:'流量总数',
    left:'center',
    top:'45%',
    textStyle:{
      color:'#031f2d',
      fontSize:20*scale,
      align:'center'
    }
  },

  series: [{
    name: '流量总数',
    type: 'pie',
    radius : ['50%', '70%'],
    hoverAnimation: true,
    itemStyle : {
      normal : {
        label : {
          show : false
        },
        labelLine : {
          show : false
        }
      },

    },
    data: echartData
  }]
};
点击展开全文

相关文章

  1. 百度Echarts饼图大小设置(附代码)
  2. 百度echarts公司架构流程图
  3. 百度echarts全国飞行路线图
  4. 百度echarts柱状图动态排名实时变化
  5. 百度echarts柱状图通过环比数据展示(↑↓)