最近用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;
圖一
圖二代碼如下：
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;
圖二
怎么樣，是不是一看就明白了，我什么都沒做，只是吧兩行代碼調換了一下位置，我自己的理解是，他這個繪圖是按你的js邏輯來按順序繪制的，chart.line()是繪制折線，chart.point()是繪制圓點，你把chart.line()放在chart.point()前，那就是先繪制了曲線，所以圖層就在下方，后繪制的圓點自然就顯示在了曲線上方，相反吧chart.line()放在chart.point()后，就是一樣的道理，就會出現圖一的樣式，希望幫你解決了問題，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/40084.html
標籤：其他
上一篇：【亡羊補牢】挑戰資料結構與演算法 第16期 LeetCode 784. 字母大小寫全排列（遞回與回溯）
下一篇：創建 WinForm 應用程式