集装箱内没有填充的Highchart

-1

是否有可能没有填充左右的线图？所以这条线将是边缘到边缘，就像在设计？集装箱内没有填充的Highchart

在它看起来像

chartOptions: { 
chart: { 
    type: 'spline', 
    spacingBottom: 0, 
}, 
title: null, 
legend: { 
    enabled: false 
}, 
credits: { 
    enabled: false, 
}, 
tooltip: { 
    split: true, 
    pointFormat: '{point.y} {series.name}', 
}, 
plotOptions: { 
    series: { 
    shadow: true, 
    }, 
}, 
xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    minPadding: 0, 
    maxPadding: 0, 
    tickWidth: 0, 
    lineWidth: 0, 
    crosshair: true, 
}, 
yAxis: { 
    visible: false, 
}, 
series: [ 
    { 
    name: 'Bookings', 
    data: [43, 44, 43, 42, 42, 41, 42, 43, 45, 44, 42, 43], 
    }, 
    { 
    name: 'EUR', 
    data: [143, 144, 143, 142, 142, 141, 142, 143, 145, 144, 142, 143], 
    }, 
],

}的那一刻，

来源

2017-09-06 kdskii

首先[检查]（https://stackoverflow.com/help/how-to-ask） – Durga

请问你可以链接你的html和css –

Unfurtonelly否，因为我们在我们的开发服务器上有它，这不是在线给大家 – kdskii

是的，它通过增加 “x轴” 配置对象是可能的，则params“ min“和”max“，它决定轴的最小值和最大值。但是，您的情况并非如此，因为此图表系列中没有足够的数据（您未在1月之前和12月之后指定数据，因此图表具有起点和终点）。

这里是基于你一块配置代码：

xAxis: { 
    categories: ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul','Aug', 'Sep', 'Oct', 'Nov', 'Dec', ''], 
    minPadding: 0, 
    maxPadding: 0, 
    tickWidth: 0, 
    lineWidth: 0, 
    crosshair: true, 
    min: 1, 
    max: 12 
}, 

series: [ 
    { 
    name: 'Bookings', 
    data: [39, 43, 44, 43, 42, 42, 41, 42, 43, 45, 44, 42, 43, 48], 
    }, 
    { 
    name: 'EUR', 
    data: [141, 143, 144, 143, 142, 142, 141, 142, 143, 145, 144, 142, 143, 148], 
    }, 
],

我增加了两个类别（一个“一月”之前和一个“月”之后），和另外两个数据位置为两个系列的对象。由于设置了最小和最大参数，图表仅显示了这两点之间的范围。

最后，你应该设置间距是这样的：

chart: { 
    type: 'spline', 
    spacing: [0,0,10,0] 
},

让我们看看在现场工作如下： JSFiddle

最好的问候！

来源

2017-09-06 14:31:06

集装箱内没有填充的Highchart

回答

相关问题