zoukankan      html  css  js  c++  java
  • echarts x轴坐标文字显示不全

    在echarts中应用柱状图或者折线图时,当数据量过多的时候,X轴的坐标就会显示不全(如下图图一),在ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval。还有一个属性:rotate: number 度角是倾斜的控制所在。
    图一:显示不全

    图二:修改后的图片

    解决办法:

    [html] view plain copy
     
      1. grid: {  
      2.                     y2: 140  
      3.                 },  
      4.                 xAxis: {  
      5.                     type: 'category',  
      6.                     boundaryGap: [0, 0.01],  
      7.                     name: '投标人',  
      8.                     data:  [ '' ],  
      9.                     axisLabel:{  
      10.                          interval:0,//横轴信息全部显示  
      11.                          rotate:-30,//-30度角倾斜显示  
      12.                     }  
      13.                 },  
  • 相关阅读:
    使用createDocumentFragment的渲染数据(节省性能)
    面向对象写法模板
    面向对象this指向
    js 3D图片叠加旋转切换
    三列布局-中间固定俩边自适应-和两边固定中间自适应布局
    游戏中抽奖的算法
    c++11:lambda表达式
    c++11:模板
    c++11:左值、右值
    游戏服务器语言之争
  • 原文地址:https://www.cnblogs.com/shizhijie/p/8797111.html
Copyright © 2011-2022 走看看