我正在使用High Charts创建柱形图 - 我无法显示图表中所有系列的所有数据标签。我在柱形图中有两个系列,而第一个系列显示所有数据标签,第二个系列在显示其他数据时没有显示几个数据标签。
非常感谢提示帮助。
请参考Fiddle Sample进行操作。
"chart": {
"type": "column",
"plotShadow": false,
"polar": false,
"renderTo": ""
},
"credits": {
"enabled": false
},
"title": {
"text": ""
},
"xAxis": {
"categories": ["Category 1", "Category 2", "Category 3", "Category 4", "Category 5", "Category 6", "Category 7", "Category 8", "Category 9"],
"labels": {
"enabled": true,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"lineWidth": 1,
"tickWidth": 0,
"title": {
"text": "",
"style": {
"fontFamily": "Arial"
}
}
},
"yAxis": {
"lineWidth": 1,
"title": {
"text": "",
"style": {
"fontFamily": "Arial"
}
},
"gridLineWidth": 0,
"labels": {
"enabled": true,
"format": "{value:.0f}",
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"startOnTick": true,
"endOnTick": true
},
"series": [{
"name": "Company Value",
"data": [{
"name": "Adidas Group",
"color": "#f1b11d",
"y": 63.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 24.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 177.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 197.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 224.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 297.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 349.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 903.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "Adidas Group",
"color": "#f1b11d",
"y": 20.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}],
"regression": false,
"enableMouseTracking": true,
"color": "#f1b11d",
"showInLegend": false
}, {
"name": "All Companies Average Score",
"data": [{
"name": "All Companies",
"color": "#00aeef",
"y": 25.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 18.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 90.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 1821.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 84.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 83.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 97.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 241.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}, {
"name": "All Companies",
"color": "#00aeef",
"y": 12.0,
"showInLegend": false,
"dataLabels": {
"align": "center",
"enabled": true,
"borderColor": "",
"rotation": 0,
"style": {
"fontSize": "8px",
"fontFamily": "Arial"
}
},
"borderColor": "#ffffff",
"enableMouseTracking": false,
"sliced": false,
"selected": false
}],
"regression": false,
"enableMouseTracking": true,
"color": "#00aeef",
"showInLegend": false
}],
"plotOptions": {
"series": {
"enableMouseTracking": false,
"dataLabels": {
"color": "#000000",
"enabled": true,
"borderColor": "",
"format": "{y:.0f}"
}
},
"column": {
"pointWidth": 20
}
},
"exporting": {
"enabled": false
},
"tooltip": {
"enabled": true,
"pointFormat": "{series.name}: {point.y:.0f}",
"shared": false,
"headerFormat": ""
},
"legend": {
"enabled": false,
"x": 0,
"floating": false,
"shadow": false,
"reversed": false,
"y": 0
}
答案 0 :(得分:12)