如何使用echarts给y轴x轴添加单位

逃离我推掉我的手 2022-11-02 15:27 518阅读 0赞

如何使用echarts给y轴x轴添加单位

    • y轴每个单位刻度加单位使用
    • y轴顶部设置单位
    • x轴添加单位

y轴每个单位刻度加单位使用

  1. yAxis: [
  2.                 {                    
  3.                     type: 'value',
  4.                     axisLabel: { formatter: '{value} 单'},
  5.                 }
  6.             ],

在这里插入图片描述

y轴顶部设置单位

使用title来说明y轴的含义数据的就行:

  1. option = { 
  2.             title: { 
  3.                 text: 订单来源分析+ '（单位为:单）',
  4.                 x: 'center'
  5.             },

在这里插入图片描述

还有一种是

  1. yAxis: [
  2.                 { 
  3.                     //单位
  4.                     name: '单',
  5.                     type: 'value',
  6.                 }
  7.             ],

在这里插入图片描述

x轴添加单位

  1. xAxis: [
  2.                 { 
  3.                     name: '辆',     //关键代码
  4.                     nameTextStyle: {          //关键代码 
  5.                         padding: [30, 0, 0, -30],
  6.                     },
  7.                     type: 'category',
  8.                     data: ['优酷','公共','小程序'],
  9.                     axisLabel: { 
  10.                         interval: 0,
  11.                         rotate: 28,//倾斜度
  12.                     },
  13.                     axisTick: { 
  14.                         alignWithLabel: true
  15.                     }
  16.                 }
  17.             ],

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，518人围观）

还没有评论，来说两句吧...

相关阅读