Echart 相关知识

51  首页

Examples - Apache EChartshttps://echarts.apache.org/examples/zh/index.html#chart-type-pie

1.1 饼图制作

option = {
  title: {
    text: '医美抗衰项目目标消费者性别比例',
    subtext: '',
    left: 'center',
    textStyle:{
            color :'#FFD700'
        }
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'horizontal',
    bottom: 'bottom'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: '50%',
      data: [
        { value: 56, name: '女' ,itemStyle:{'color':'#EE82EE'}},
        { value: 44, name: '男',itemStyle:{'color':'#FFA500'}}
      ],
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};

参考资料

1. title 参数

echart3 title配置参数_小胡哥的博客-CSDN博客_echart title颜色title 下的各个属性如下图：showtitle.show | boolean [ default: true ] 是否显示标题组件。例子：option = { title : { show:true,//默认为true，可以省略 text: '某站点用户访问来源', subtext: '纯属虚构https://blog.csdn.net/weixin_37632678/article/details/790951382 legend 参数

echarts中的饼状图设置颜色_weixin_33768481的博客-CSDN博客第一种方式:color:['#FE8463','red','green'],第二种方式:itemStyle:{normal:{color:function(params){//自定义颜色varcolorList=['#FE8463','red','green...https://blog.csdn.net/weixin_33768481/article/details/93011670

3 颜色对照表

RGB颜色值与十六进制颜色码转换工具https://www.sioe.cn/yingyong/yanse-rgb-16/

4 关于如何设置echart图例（legend）的位置_yijiupingfan0914的博客-CSDN博客_echarts legend底部legend: { orient: 'horizontal', // 'vertical' x: 'right', // 'center' | 'left' | {number}, y: 'top', // 'center' | 'bottom' | {number} backgroundColor: '#fff', borde...https://blog.csdn.net/yijiupingfan0914/article/details/80278681

5