Javascript Highcharts漏斗-将工件高度设置为固定值

Javascript Highcharts漏斗-将工件高度设置为固定值,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我目前的渠道是: $(函数(){ var dataEx=[ [1次访问,352000], ['2次访问',88000], ['3+次访问',42000] ], len=数据长度, 总和=0, 最小高度=0.05, 数据=[]; 对于(变量i=0;i

我目前的渠道是:

$(函数(){
var dataEx=[
[1次访问,352000],
['2次访问',88000],
['3+次访问',42000]
],
len=数据长度,
总和=0,
最小高度=0.05,
数据=[];
对于(变量i=0;iminHeight?t[1]:总和*minHeight),
标签:t[1]
}
}
$(“#容器”)。高图({
图表:{
类型:'漏斗',
marginRight:100,
活动:{
加载:函数(){
var图表=此;
Highcharts.each(chart.series[0]。数据,函数(p,i){
p、 dataLabel.attr({
x:(chart.plotWidth-chart.plotLeft)/2,
“文本锚定”:“中间”
})
})
},
重画:函数(){
var图表=此;
Highcharts.each(chart.series[0]。数据,函数(p,i){
p、 dataLabel.attr({
x:(chart.plotWidth-chart.plotLeft)/2,
“文本锚定”:“中间”
})
})
}
},
},  
标题:{
文本:“客人回程漏斗”,
x:-50
},
工具提示:{
//已启用:false
格式化程序:函数(){
返回“”+此.key+
“=”+Highcharts.numberFormat(this.point.label,0)+”;
}
},
打印选项:{
系列:{
allowPointSelect:true,
边框宽度:12,
动画:{
持续时间:400
},
数据标签:{
启用:对,
连接器宽度:0,
距离:0,
格式化程序:函数(){
var点=此点;
控制台日志(点);
返回“+point.name+”(“+Highcharts.numberFormat(point.label,0)+”);
},                
minSize:“10%”,
颜色:'黑色',
软连接器:正确
},
领口宽度:“30%”,
颈部高度:“0%”,
宽度:“50%”,
身高:“110%”
//旧的选择如下:
//领口宽度:“50%”,
//领高:50%,
//--其他可用选项
//高度:'200'
//宽度:像素或百分比
}
},
图例:{
已启用:false
},
系列:[{
名称:“唯一用户”,
数据:数据
}]
});
});

漏斗图类型中的数据只能影响点的高度,请看以下示例:

如果要使工件具有固定高度,则数据中必须具有相同的值。要更正元素的宽度,只能使用:neckWidthwidth

您可以从源代码中推断它的具体工作原理:


文档:

请不要链接到代码。创建一个链接以获取帮助。
Highcharts.chart('container', {
  series: [{
    type: 'funnel',
    data: [10, 10, 10],
    neckWidth: 50,
    neckHeight: 0,
    width: 200,
    dataLabels: {
      format: "{point.y}"
    }
  }]
});