解决思路
- 实线和虚线,都是折线图lineStyle固有的属性;
- 分成同样数据的两组series,一段为实线,一段为虚线;
Echarts代码
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: ["-", "-", "-", 934, 1290, 1330, 1320], connectNulls: true, lineStyle: { type: "dash" }, label:{show:true,position:"top"}, type: 'line' }, { data: [820, 932, 901, 934, "-", "-", "-"], connectNulls: true, label:{show:true,position:"top"}, type: 'line' }] };
方案存在的问题
- 在实际应用场景中,数据格式处理比较麻烦;
- 分理处,有数据重复,样式处理不是很友好。
Done!