5
नहीं दिखाई दे रहे मैं उच्च चार्ट का उपयोग कर एक स्तंभ चार्ट बनाने रहा हूँ - मैं चार्ट में सभी श्रृंखला के लिए सभी डेटा लेबल दिखाने में सक्षम नहीं हूँ। मेरे पास कॉलम चार्ट में दो श्रृंखलाएं हैं जबकि पहली श्रृंखला सभी डेटा लेबल दिखाती है कि दूसरी श्रृंखला दूसरों को प्रदर्शित करते समय डेटा लेबल में से कुछ प्रदर्शित नहीं करती है।Highchart (स्तंभ चार्ट): कुछ डेटा लेबल एक श्रृंखला
तत्काल मदद अत्यधिक सराहना की जाएगी।
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
}
सेट [allowOverlap] (http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.allowOverlap) सच करने के लिए: http: // jsfiddle .net/cthzmsg0/1/ –
@ PawełFus: इस जानकारी के लिए धन्यवाद एक बहुत धन्यवाद यह – Bhupendra
@PawelFus काम किया। इससे मुझे बहुत मदद मिली है। कृपया इसे उत्तर के रूप में जोड़ें। –