earcharts y轴固定中间滑动 dataZoom

ygbwan

于 2023-11-24 11:14:24 发布

阅读量111

点赞数

文章标签：前端 linux javascript

本文链接：https://blog.csdn.net/ygbwan/article/details/134594173

版权

const DataZoom = [
  {
    type: 'slider', // 内置在坐标系
    show: true,
    borderColor: 'transparent',
    borderCap: 'round',
    xAxisIndex: [0],
    height: 6, // 组件高度
    left: 30,
    right: 20,
    bottom: 0,
    // fillerColor: 'rgba(27, 90, 169, 1)',
    handleIcon:
      'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z',
    handleSize: '100%',
    handleStyle: {
      // color: 'rgba(27, 90, 169, 1)',
      // color: 'red',
      borderWidth: 0
    },
    // backgroundColor: 'rgba(37, 46, 100, 0.8)',
    // backgroundColor: '#fff',
    showDataShadow: false,
    showDetail: false,
    startValue: 0,
    endValue: 4,
    zoomLock: true,
    filterMode: 'filter'
  }
  // {
  //   type: 'inside',
  //   show: true,
  //   yAxisIndex: [0],
  //   start: 0,
  //   end: 100 - 1500 / 31
  // }
];