需要为y轴设置不同的Highcharts数据标签
我有一张图表,显示了人、货币价值和百分比 我想将百分比显示为数据标签,而不是货币标签 价值观需要为y轴设置不同的Highcharts数据标签,highcharts,Highcharts,我有一张图表,显示了人、货币价值和百分比 我想将百分比显示为数据标签,而不是货币标签 价值观 $(函数(){ var图表=新的Highcharts.图表({ 图表:{ renderTo:'容器', 类型:'bar' }, 打印选项:{ 专栏:{ 堆叠:“正常”, 数据标签:{ 已启用:false } }, 酒吧:{ 数据标签: { allowOverlap:是的, 启用:对, 对齐:“右”, 溢出:“无”, 格式化程序:函数(){返回this.y;}, } } }, xA
$(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
类型:'bar'
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
已启用:false
}
},
酒吧:{
数据标签:
{
allowOverlap:是的,
启用:对,
对齐:“右”,
溢出:“无”,
格式化程序:函数(){返回this.y;},
}
}
},
xAxis:{
类别:[“玛丽
4623450美元”、“约翰
1848380美元”、“简
640170美元”]
},
系列:[{
“数据”:[
["65%",4623450],
["26%", 1848380],
["9%", 640170]
],
“名称”:“会话1”
}]
});
});
因此:
Mary的数据标签是65%,而不是4623450,
John的数据标签是26%,而不是1848380,
Jane将拥有9%的数据标签,而不是640170
有办法吗
解决了
简单到:
formatter: function() { return this.key;},
完整代码:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: false
}
},
bar: {
dataLabels:
{
allowOverlap:true,
enabled: true,
align: 'right',
overflow:"none",
formatter: function() { return this.y;},
}
}
},
xAxis: {
categories: ["Mary<br/>$ 4,623,450","John<br>$ 1,848,380","Jane<br/>$ 640,170"]
},
series: [{
"data": [
["65%",4623450],
["26%", 1848380],
["9%", 640170]
],
"name": "Session1"
}]
});
$(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
类型:'bar'
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
已启用:false
}
},
酒吧:{
数据标签:
{
allowOverlap:是的,
启用:对,
对齐:“右”,
溢出:“无”,
格式化程序:函数(){返回this.y;},
}
}
},
xAxis:{
类别:[“玛丽
4623450美元”、“约翰
1848380美元”、“简
640170美元”]
},
系列:[{
“数据”:[
["65%",4623450],
["26%", 1848380],
["9%", 640170]
],
“名称”:“会话1”
}]
});
}))
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: false
}
},
bar: {
dataLabels:
{
allowOverlap:true,
enabled: true,
align: 'right',
overflow:"none",
formatter: function() { return this.y;},
}
}
},
xAxis: {
categories: ["Mary<br/>$ 4,623,450","John<br>$ 1,848,380","Jane<br/>$ 640,170"]
},
series: [{
"data": [
["65%",4623450],
["26%", 1848380],
["9%", 640170]
],
"name": "Session1"
}]
});