Echarts的基础配置

最新推荐文章于 2024-06-20 09:30:03 发布

悲伤小海鸥

最新推荐文章于 2024-06-20 09:30:03 发布

阅读量986

点赞数 1

分类专栏： echarts 文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/m0_65849649/article/details/127512052

版权

更加详细内容请前往官方文档 Documentation - Apache ECharts

1.提示框

tooltip: {
  trigger: 'axis',        // 出发选择类型
  axisPointer: {          // 坐标轴指示器配置项
    type: 'line',         // 可选指示器类型  'line' 'shadow' 'none' 'cross'
    lineStyle: {          
      width: 1,
      color: '#4082FF',
    },
  },
},

2. 网格

 grid: {
         show: false,    // 是否显示直角坐标系网格 默认为false
         left： '10%'     // 离容器显示的距离
         width: 'auto',   
         backgroundColor: 'rgba(0,0,0,0)',   // 网格背景色
         borderWidth: 1,   // 边框宽度
         borderColor: '#ccc'  // 边框颜色
         shadowBlur: 2,       // 阴影
     },

3. 直角坐标系X和Y轴<