我正在使用 highcharts 在项目中制作一些数据图表,目前,在 2D 中进行它完美地工作:
这是每个月的一组百分比,用红线表示目标百分比,以便轻松可视化一组数据是高于还是低于该百分比。
现在的问题是,我正在尝试将其设为 3D 以赋予它更多的“流行感”,我包含了 3D 库并启用了它,但图形结果如下所示:
即使条形按预期显示,线条也会混乱并且离它应有的位置很远。
我试过从样条曲线改为散布,但没有成功。有没有人知道我如何解决这个问题,或者用不同的方式来呈现这个“目标”,这样你就可以很容易地看到哪些条在它上面或下面。
提前致谢!
PS:这是我用于 3D 的 Highcharts 选项的 JSON:
{
"chart": {
"options3d": {
"enabled": true,
"alpha": 0,
"beta": 0,
"depth": 20
}
},
"title": {
"text": "Title"
},
"xAxis": {
"categories": [
"a",
"b"
],
"crosshair": false,
"gridLineWidth": 1,
"min": 0,
"max": 1
},
"yAxis": {
"floor": 98,
"ceiling": 100,
"title": {
"text": "%"
}
},
"plotOptions": {
"column": {
"pointPadding": 0.2,
"borderWidth": 0
},
"scatter": {
"width": 10,
"height": 100,
"depth": 10
}
},
"series": [
{
"name": "ENERO",
"type": "column",
"data": [
99.8,
99.77
]
},
{
"name": "FEBRERO",
"type": "column",
"data": [
100,
99.83
]
},
{
"lineWidth": 1,
"name": "Meta (99.8%)",
"type": "scatter",
"color": "#FF0000",
"marker": {
"enabled": false
},
"legend": {
"enabled": false
},
"data": [
[
-1,
99.8,
2
],
[
2,
99.8,
2
]
]
}
]
}
3d 中不完全支持折线图,但如果您的目标只是画一条线,则可以使用 plotLines。
"yAxis": {
"plotLines":[{
"value": 99.5,
"width": 2,
"color": 'red'
}],
"floor": 98,
"ceiling": 100,
"title": {
"text": "%"
}
},
演示:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句