集裝箱內沒有填充的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

回答

相關問題