• echart 饼状图自定义样式


    echarts.init(document.getElementById('WaterCategoryStatistics')).setOption({
      legend: {
        orient:'vertical',
        left:'left',
        data: ['II', 'III', 'IV', 'V', '劣V']
      },
     
      series: {
        left:'center',//离容器左侧的距离
        top: 'top',//距离容器上测的距离
        center: ['50%', '50%'],
        radius: '85%',
        type: 'pie',
      data: [
        { name: 'II', value: data[0].CNT },
        { name: 'III', value: data[1].CNT },
        { name: 'IV', value: data[2].CNT },
        { name: 'V', value: data[3].CNT },
        { name: '劣V', value: data[4].CNT },
      ],
     
      itemStyle: {
        emphasis: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
      },
      normal:{
        color:function(params) {
        //自定义颜色
        var colorList = [
          '#00FFFF', '#00FF00', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
        ];
        return colorList[params.dataIndex]
      }
     }
     }
    }
    });
  • 相关阅读:
    python_元素定位
    python_html_初识
    python_selenium_初识
    python_jenkins_集成
    python_正则表达式_re
    python_接口关联处理与pymysql中commit
    python_json与pymsql模块
    python_接口请求requests模块
    Codeforces Round #656 (Div. 3) D. a-Good String
    Codeforces Round #656 (Div. 3) C. Make It Good
  • 原文地址:https://www.cnblogs.com/wgy0528/p/10142084.html
Copyright © 2020-2023  润新知