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,您能更准确地描述您想要实现的目标吗?一些简单的可视化会很有帮助。此外,请检查列金字塔
系列类型: