如何使用highchart制作三角形进度条?

时间:2019-05-20 07:33:50

标签: javascript jquery html css highcharts

我已经完成了圆(https://adityashedge.wordpress.com/2015/01/11/watermarking-images-with-imagemagick/)中的进度条,但我也想使用三角形。可以做成三角形吗?

My Code(for circle):
Highcharts.chart('myDivid'+i, {
        chart: {
            type: 'pie'
        },
        title: {
            text: ''
        },
        subtitle: { 
            text: ''
        },
        plotOptions: {
            pie: {
                innerSize: 40,
                depth: 45,
                size:60,
                dataLabels: {
                    enabled: false,
                }
                }
        },
        exporting: {
            enabled: false 
            },
        credits: {
            enabled: false
          },
        tooltip: { enabled: false },
        labels: {
            items: [{
                html: '<b>'+data.av+'%</b>',
                style: {
                    left: left,
                    top: '12px',
                    fontSize: '15px',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
                }
            }]
        },
        series: [{
            name: 'Availability',
            states: { hover: { enabled: false } },
            data: [
                    {
                        y:data.availability,
                        color : data.availabilityColor
                    },
                    {
                        y:100-data.availability,
                        color : 'white'
                    }
                ]
        }]
    });

我已经尝试过,但我不知道如何做三角形。 我对此进行了更改,但没有得到我真正想要的。 在此先感谢

0 个答案:

没有答案