模式修改圆弧的形状

问题描述

我必须拍一张这样的照片：

我做了相同的布局，但是箭头的形状有问题，我无法将它们修改为与第一张图片中的箭头相同。 问题所在的图以及您所做的图：

这是第二张图片的文件： file.js：

  var myConfig = 
  {
"backgroundColor": "transparent","type": "gauge","plotarea": {
    "marginTop": 50
},"plot": {
    "size": "100%",'background-color': "#000000","valueBox": {
        "placement": "center","text": "","color": "white","border-radius": "30%","padding": "0 10px","border": "none","fontSize": 200
    }
},"tooltip": {
    "borderRadius": 150,"text": "%t"
},"scaleR": {
    "aperture": 250,"values": "300:1000:100","minValue": 400,"maxValue": 900,"itemsOverlap": true,"maxItems": 100000,"center": {
        "visible": true,"size":10.30,"borderColor": "#696969"
    },"tick": {
        "visible": false
    },"item": {
        "offsetR": 0,"rules": [
            {
                "rule": "%v > 900 ","visible": false
            },{
                "rule": "%v < 400",{
                "rule": "%v == -10","text": "Out Of Range","offsetX": 50,"visible": true,"offsetY": 7
            },{
                "rule": "%v != 400 && %v != 500 && %v != 700 && %v !=800  && %v != 900","visible": false
            }
        ],"stats": {
            "min": 119,"avg": 444,"max": 819
         }
    },"ring": {
        "size": 47,"backgroundColor": "#344675","rules": [
            {
                "rule": "%v < 400","backgroundColor": "red black"
            },{
                "rule": " %v >= 400 && %v < 500","backgroundColor": "rgb(63,172,121)"
            },{
                "rule": " %v >= 500 && %v < 700","backgroundColor": "rgb(232,217,29)"
            },{
                "rule": " %v >= 700 && %v < 800","backgroundColor": "rgb(230,162,60)"
            },{
                "rule": " %v >= 800 && %v < 900","backgroundColor": "rgb(242,57,59)"
            },{
                "rule": "%v >= 900 && %v<=1000","backgroundColor": "red black"
            }
        ]
    }
},"series": [
    {
        "values": [
            400
        ],"backgroundColor": "rgb(115,115,114)","indicator": [
          3,-10,27,46,8
        ],"size": "60%","text": "7","animation": {
            "effect": 2,"method": 1,"sequence": 4,"speed": 900
        }
    },{
        "values": [
              444
        ],"indicator": [
         3,"text": "60",{
        "values": [
             800
        ],"csize":"5%","text": "90","speed": 100
        }
    }
]
}
;

zingchart.render({ 
    id : 'myChart',data : myConfig,height: '100%',width: '100%' 
});

我该如何解决这个问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）