在 Echarts 中设置折线图x轴文字的倾斜度

447 阅读1分钟

在 Echarts 中设置折线图x轴文字的倾斜度

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第16天,点击查看活动详情

在工作需求中,有需要把 Echarts 折线图的文字变成倾斜的样式。类似这样的: 在这里插入图片描述 这个功能咋实现? 很简单。加一句话就行了

// 配置项
option = {
  xAxis: {
    type: 'category',
  + axisLabel: {
  +    rotate: 30 // 倾斜30度
  + },
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value',
    axisLabel:{}
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

大功告成!