Highchart,如何在一行的中间垂直对齐?

问题描述 投票:0回答:1

我尝试了几种方法,但没有成功(通过CSS中的translateY,graphic.translate ecc)。

您是否知道如何通过其Y值将线及其相对点和工具提示垂直地垂直移动到中间?

小提琴:https://jsfiddle.net/MrFabio80/me48gs6y/

代码:

Highcharts.chart('container', {
    plotOptions: {
        series: {
            pointStart: 1
        }
    },

    series: [{
            type: 'column',
            data: [100, 45, 80, 25, 12, 87],
            name: 'Column'
        },

        {
            type: 'spline',
            name: 'Trend',
            data: [1, 2, 3, 1, 4, 0],
            color: '#588BDC',
            marker: {
                fillColor: '#FFFFFF',
                lineWidth: 2,
                lineColor: null, // inherit from series
                width: 8,
                height: 8
            }

        }
    ]
});

该图表应如下图所示:

enter image description here

提前感谢!

highcharts
1个回答
0
投票
如果您希望点具有其他值,例如customExtraInfo或其他任何东西,则可以添加它,但使用y值进行序列和点图绘制以保持图表简单。

演示:https://jsfiddle.net/BlackLabel/21oznhk4/1/

相关的工具提示选项是formatterformatter

© www.soinside.com 2019 - 2024. All rights reserved.