设置x轴滑动

参考:https://blog.csdn.net/m0_38082271/article/details/125184897 官网示例:https://echarts.apache.org/examples/zh/editor.html?c=mix-zoom-on-value

  1. dataZoom: [{
  2. type: 'slider',
  3. show: true,
  4. xAxisIndex: [0],
  5. left: '9%',
  6. bottom: -5,
  7. start: 10,
  8. end: 90 //初始化滚动条
  9. }],

echarts 常见问题(增加滚动条、X 轴文本数据太长、字体颜色、标签对齐方式、循环颜色、图表位置)

饼图

扇形图控制文字说明方向

  1. legend: {
  2. // 改成top的百分比,越大越往下移动
  3. top: '5%',
  4. left: 'center'
  5. },

image.png