echarts拐点样式修改-526互联

echarts的拐点可以是'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'

还可以是'image://url'

如果是svg. 那么可以这么展示：

 1 option = {
 2   xAxis: {
 3     type: 'category',
 4     data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
 5   },
 6   yAxis: {
 7     type: 'value'
 8   },
 9   series: [
10     {
11       data: [120, 200, 150, 80, 70, 110, 130],
12       type: 'line',
13       symbol: 'path://M170.688 128h682.624c23.616 0 42.688 19.072 42.688 42.688v682.624a42.688 42.688 0 0 1-42.688 42.688H170.688A42.688 42.688 0 0 1 128 853.312V170.688C128 147.072 147.072 128 170.688 128z m42.624 85.312v597.376h597.376V213.312H213.312z',
14       symbolSize: 20,
15       lineStyle: {
16         color: '#5470C6',
17         width: 1,
18         type: 'solid'
19       },
20       itemStyle: {
21         borderWidth: 3,
22         borderColor: '#EE6666',
23         color: 'yellow'
24       }
25     }
26   ]
27 };