2017-06-16 25 views
0

我同時設置了列在一個圖表的線,如鏈路:該點的差距會影響高圖表的寬度。錯誤?

https://jsfiddle.net/dodouwang/wtjbgav0/1/

Highcharts.chart('container', { 
    xAxis: { 
     type: 'datetime', 
    }, 
plotOptions: { 
     column: { 
      turboThreshold: 10000, 
      borderWidth: 0, 
      pointPadding: 0, 
      groupPadding: 0 
     }, 
    }, 
    series: [{ 
     type: 'column', 
     name: 'column', 
     data: [[1497484800000,210000],[1497571200000,120000],[1497744000000,190000]] 
    },{ 
     type: 'line', 
     name: 'line_wide', 
     data: [[1497484800000,210000],[1497571200000,120000]] 
    },{ 
     type: 'line', 
     name: 'line_narrow', 
     data: [[1497484800000,210000],[1497498000000,120000]], 
     visible: false 
    }], 
}); 

但是我發現,如果線的點之間的間隙過窄(以下比一天),那麼列的寬度自動設置爲不超過間隙。它是一個錯誤還是一個功能?

你可以訪問上面的鏈接,默認顯示的是一個帶有「更寬」的行的列,看起來沒事。但是,如果您取消選擇「line_wide」並選擇「line_narrow」,那麼錯誤就會發生。

如何解決?我有另一個關於此鏈接列的問題:我已經將xAxis設置爲'datetime',並且列數據是[[1497484800000,210000],[1497571200000,120000],[1497744000000,190000]和將Gapping設置爲0以使列的寬度儘可能更寬。但是,當圖表中只有一列(2行是未選中的)時,爲什麼列的最大寬度是「日」而不是「小時」或「分」或其他寬度?

+0

這不是錯誤,如x軸間隔從1天變爲1小時.Width取決於日期時間間隔 –

+0

@Deep 3015您的意思是說一個系列的寬度會受到另一個系列的影響?文件是否描述了這個規則?而且我發現,如果將類型從「行」更改爲「分散」,則列的寬度不會更改。 –

+0

由於它們共享同一個軸,寬度將受到另一個series.coming對'scatter'和'line'影響,它們是不同的圖表類型,'scatter'由點表示 –

回答

0

你需要的是series.pointRange選項。列的寬度取決於該值,如果未配置 - ,範圍將計算爲兩個最接近的數據點之間的距離(在軸上,因此每個具有該特定軸的系列都將被記入該帳戶) 。

如果設置pointRange到1天,列的寬度將跨越1天:

plotOptions: { 
column: { 
    turboThreshold: 10000, 
    borderWidth: 0, 
    pointRange: 1000 * 3600 * 24, 
    pointPadding: 0, 
    groupPadding: 0 
}, 
}, 

例如:https://jsfiddle.net/nogfr6js/

相關問題