作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用“高级图表”创建柱形图-我无法在图表中显示所有系列的所有数据标签。我在柱状图中有两个系列,而第一个系列显示所有数据标签,第二个系列在显示其他数据时不显示几个数据标签。
迅速的帮助将不胜感激。
请引用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
}
最佳答案
关于highcharts - Highcharts (柱形图): Few data labels are not appearing for a series,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28681251/
我想 reshape pandas 数据框, 我有这种格式的 csv 文件 #Result;ID;Date;Events;type 12;1240422;10/01/2017 10:10;1;Item
我有一个现有的 Highcharts ,我需要在其上突出显示单个列。 这是一个已经存在了一段时间的百分位图,我对 Highcharts 仍然很陌生,但我在这里看到了一个类似的问题,这个问题虽然涉及堆叠
我有一个多系列柱形图(在本例中为 3 个)。我想在所有系列的列上覆盖一条线。所以我用相同的列系列数据创建了另外 3 个 Line 系列。当只有一列和一行系列时,这非常有效。对于多个系列,线条呈现在类别
我是一名优秀的程序员,十分优秀!