1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. ECharts官网

百度echarts柱状图/折线图x轴文本太长自动换行

xAxis: {
  axisLabel: {
    interval: 0, //x轴文字全部显示
    formatter: function(params) {
      let newParamsName = ''
      const paramsNameNumber = params.length // 获取文数总长度
      const provideNumber = 8 //控制每行的字段
      const rowNumber = Math.ceil(paramsNameNumber / provideNumber)
      if (paramsNameNumber > provideNumber) {
        for (let p = 0; p < rowNumber; p++) {
          const start = p * provideNumber
          const end = start + provideNumber
          const tempStr = p === rowNumber - 1 ? params.substring(start, paramsNameNumber) :
 params.substring(start, end) + '\n'
          newParamsName += tempStr
        }
      } else {
        newParamsName = params
      }
      return newParamsName
    },
  },
},
点击展开全文
 

相关文章

  1. 百度echarts折线图效果图(渐变色)
  2. 百度echarts公司架构流程图
  3. 百度echarts如何做一个导向力图
  4. 百度echarts横向柱状图(显示百分比)
  5. 百度echarts公交线路道路拥堵分布图(嘉兴市)

Echarts入门

Echarts栏目

3d柱状图 apache bar柱状图属性 data echarts echarts图表 echarts地图 echarts折线图 echarts柱状图 echarts饼图 name pie radar series 地图 大全 柱状图 百度 百度echarts 雷达图