Question

如何使用带有类别的折线图，但在类别标签之间绘制线条？有没有办法将绘图偏移到刻度线宽度的开头？以下是一个示例：http://jsfiddle.net/jMcfG/1/ 我希望这条线从x轴上的原点开始，就像那些类别不在那里一样。

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['0', '1', '2', '3', '4']
    },

    series: [{
        data: [0,3,2,5]        
    }]
});

}）;

Answer 1

您可以使用阈值属性将图表粘贴到底部。像这样：

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
        },
        plotOptions: {
        series: {
            threshold: 0
        },

    },
        xAxis: {
            categories: ['0', '1', '2', '3', '4'],
        },
        series: [{
            data: [0,3,2,5] 
        }]
    });
});

http://jsfiddle.net/jMcfG/5/

对于x轴，使用API无法做到这一点。您需要进行一些自定义编程。如果存在类别，那么它就是一个中心图。

Answer 2

我确实找到了一个替代解决方案，即添加一个反映第一个绘图的假想点，然后将x轴min设置为1以将其剪切掉，这样图形将穿过原点并且仅在正面上可见侧。 http://jsfiddle.net/jMcfG/7/

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        min: 1,
        categories: ['-13', '0', '1', '2', '3', '4']
    },
    yAxis: {
        min: 0,
        minPadding: 1
    },

    series: [{
        data: [-1,1,3,2,5]        
    }]
});

}）;

具有类别的线图上的Highcharts图偏移

2 个答案: