![](/img/trans.png)
[英]How to draw a needle on a custom donut chart and add datapoints to the needle?
[英]apex chart semi donut with custom custom indicator
您好,我必须实施以下设计。 我在我的应用程序中使用apexcharts作为图表库。
我在谷歌搜索时apexchart
的任何仪表/指标相关信息,现在非常不确定是否可以根据需要的设计实施图表。
我设计中的 2 个重要元素
你有什么想法可以帮助我吗?
谢谢你。
var options = { series: [44, 55, 41, 17, 15], chart: { type: "donut" }, plotOptions: { pie: { startAngle: -90, endAngle: 90, offsetY: 10 } }, grid: { padding: { bottom: -80 } }, responsive: [ { breakpoint: 480, options: { chart: { width: 200 }, legend: { position: "bottom" } } } ] }; var chart = new ApexCharts(document.querySelector("#chart"), options); chart.render();
<div id="chart"></div> <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
Echarts里面有一个我以前用过
https://echarts.apache.org/examples/en/editor.html?c=gauge-progress
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.