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.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值