Echarts - 常用 - 2

grid:containLabel: false/true

xAxis/yAxis: splitLine:{show: true/false}

交互组件 -  datazoom: 

1). filterMode: 'filter' 某轴使另外一个轴自动适应当前数据的范围。

2). type: 'slider' 拖动型组件,‘inside’在内部滚轮缩放 ;start, end(起始位置)

{ type: 'inside', xAxisIndex: 0, start: 10, end: 60 }, 

 { type: 'slider', yAxisIndex: 0, start: 30, end: 80 },


Media响应式

media: [                 // 定义了 media query 的逐条规则。 

     { query: {...},              // 写规则。 

         option: {          // 这里写此规则满足下的option。 

          legend: {...}, 

     ... } },

]

三个属性:width、height、aspectRatio

可以有多个 query 同时被满足,会都被 mergeOption,定义在后的后被 merge(即优先级更高)。

你可能感兴趣的:(Echarts - 常用 - 2)