Echarts常用属性配置

Echarts官网:https://echarts.apache.org/examples/zh/index.html

1.Y轴:yAxis

// Y轴设置
yAxis: [{
          type: 'value', // 轴类型
          name: '访客数量',  // 轴标题
          min:0,    // 最小值
          max:2000,    // 最大值
          minInterval: 1, // 设置Y轴数值最小间隔为1,防止有0.2小数出现
          axisTick: {   
            show: false  // 是否显示Y轴刻度上的:小短刻度线
          },
          axisLine: {  // 竖轴线样式
            lineStyle: {
              color: '#57617B'
            }
          },
          axisLabel: {  // 轴数值显示样式
            margin: 10, // 与Y轴距离
            textStyle: {
              fontSize: 14
            }
          },
          splitLine: {   // 横向网格线条样式
            lineStyle: {
              color: '#ccc',
            }
          }
   }],

2.tootip提示:tooltip

// 自定义饼图提示信息
tooltip: {
   trigger: 'item',
   formatter: ( {name,percent,value}) => {
      return `${name}(${value}人)<br/>占比${Math.round(percent)}%`
   }
 },

3.

猜你喜欢

转载自blog.csdn.net/qq_38969618/article/details/111317242