5
Tôi đang tạo biểu đồ cột bằng Biểu đồ cao - Tôi không thể hiển thị tất cả nhãn dữ liệu cho tất cả chuỗi trong biểu đồ. Tôi có hai chuỗi trong biểu đồ cột trong khi chuỗi đầu tiên hiển thị tất cả các nhãn dữ liệu chuỗi thứ hai không hiển thị một vài nhãn dữ liệu trong khi hiển thị các nhãn khác.Highchart (Biểu đồ cột): Rất ít nhãn dữ liệu không xuất hiện cho một chuỗi
Trợ giúp nhanh chóng sẽ được đánh giá cao.
Vui lòng tham khảo Fiddle Sample để thực hiện.
"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
}
Set [allowOverlap] (http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.allowOverlap) là true: http: // jsfiddle .net/cthzmsg0/1/ –
@ PawełFus: Cảm ơn nó đã hoạt động – Bhupendra
@PawelFus: Cảm ơn rất nhiều về thông tin này. Điều này đã giúp tôi rất nhiều. Xin vui lòng thêm rằng như là câu trả lời ur. –