最近用antv在小程式繪制圖表,出現一個問題,看下圖,曲線顯示在了小圓點上方,很不美觀,需要效果入下下圖,小圓點置于最上層,不要被擋住,好了問題說明白了,就來看代碼:
圖一代碼如下:
chart.point().position('showData*value').style('showControl', {
stroke: 'rgb(222,174,255)',
fill: '#fff',
lineWidth: 1,
}).color('rgb(222,174,255)');
chart.line().position("showData*value").color("showControl","rgb(222,174,255)"); //繪制折線
chart.render();
return chart;
圖一
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiclRnblN2XjlGcjAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHLykFVOJTVU1kMRpHW3BjMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL1AjN3ADMwATMyETOwAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
圖二代碼如下:
chart.line().position("showData*value").color("showControl","rgb(222,174,255)"); //繪制折線
chart.point().position('showData*value').style('showControl', {
stroke: 'rgb(222,174,255)',
fill: '#fff',
lineWidth: 1,
}).color('rgb(222,174,255)');
chart.render();
return chart;
圖二