这个用图表实现还是自己手写呢，echarts可以实现吗

Question

Answer 1

这个用svg看起来不错哦

<svg width="440" height="440">
    <circle cx="220" cy="220" r="170" stroke-width="5" stroke="green" fill="none" transform="matrix(0,-1,1,0,0,440)" stroke-dasharray="15 15"></circle>
    <circle cx="220" cy="220" r="170" stroke-width="30" stroke="#00A5E0" fill="none" transform="matrix(0,-1,1,0,0,440)" stroke-dasharray="20 447 320 0 320"></circle>
</svg>

Answer 2

进度条插件，可以搜下，不必用canvas

Answer 3

自己可以写，虚线就用园，两个扇形，大的在下面，小的在里面，同心，小的颜色为背景色

Answer 4

echarts上还没有这样的案列 怕是实现起来有点困难哦。 d3.js更偏于底层一些，你想要什么图形可以自己通过他内置的函数自己实现

Answer 5

能用插件就用插件吧 自己没有造轮子的经验会遇到解决不了的问题 最后还是回归找插件 echarts 实现不了这么定制化