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

Javascript 如何使用highchart制作三角形进度条?,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我已经完成了圆圈()中的进度条,但我还想处理三角形。有可能做成三角形吗 My Code(for circle): Highcharts.chart('myDivid'+i, { chart: { type: 'pie' }, title: { text: '' }, subtitle: { text: '' },

我已经完成了圆圈()中的进度条,但我还想处理三角形。有可能做成三角形吗

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'
                    }
                ]
        }]
    });
我的代码(用于圆):
Highcharts.chart('myDivid'+i{
图表:{
键入:“馅饼”
},
标题:{
文本:“”
},
副标题{
文本:“”
},
打印选项:{
馅饼:{
内部尺寸:40,
深度:45,
尺码:60,
数据标签:{
启用:false,
}
}
},
出口:{
已启用:false
},
学分:{
已启用:false
},
工具提示:{enabled:false},
标签:{
项目:[{
html:''+data.av+'%',
风格:{
左:左,,
顶部:“12px”,
fontSize:'15px',
颜色:(Highcharts.theme&&Highcharts.theme.textColor)| |“黑色”
}
}]
},
系列:[{
名称:“可用性”,
状态:{hover:{enabled:false}},
数据:[
{
y:数据可用性,
颜色:data.availabilityColor
},
{
y:100-data.availability,
颜色:“白色”
}
]
}]
});
我已经试过了,但我不知道怎么做。 我为此做了一些改变,但没有得到我真正想要的。
提前感谢

Hi@amit lodhi,你能更准确地描述一下你想要实现的目标吗?一些简单的可视化会很有帮助。另外,请检查
列金字塔
系列类型:Hi@amit lodhi,您能更准确地描述您想要实现的目标吗?一些简单的可视化会很有帮助。此外,请检查
列金字塔
系列类型: