本文介绍了如何在ECharts中格式化时间轴刻度标签，使用`formatter`属性，数据缩放组件dataZoom-inside的`minValueSpan`设置，以及如何实现图表的自适应布局（利用flex和resizeHandler）。还探讨了如何让两个折线图共用x轴并合并tooltip功能。
1、x（时间）轴刻度标签格式化
在Documentation - Apache ECharts找到
xAxis.axisLabel. formatter
如：
formatter: '{yyyy}-{MM}-{dd}\n{hh}:{mm}'
2、dataZoom-inside. minValueSpan minValueSpan
3、echarts 图表 x 轴 分类 时间 不可以 使用 时间 类型 格式化
4、图表 父容器 使用 flex:1 。图表组件使用 宽高百分百 实现图表展示自适应父容器。父容器的父容器必须设置一个具体的样式height 高度。
const resizeHandler = debounce(() => {
if (echartRef) {
console.log('resize---=')
echartRef.resize()
}
}, 300)
5355
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
