highcharts列與特定的數據太寬

-1

我創建了一個簡單的柱狀圖與日期時間xAxis沒有其他選項。如果我添加簡單的數據[342,351，...]，它會按預期繪製，其大小適合空間。但是，當我使用[x，y]數據對[[1481863920000,326]，[1481863915000,330]，...]時，列變得過寬而且彼此重疊。highcharts列與特定的數據太寬

的jsfiddle顯示問題http://jsfiddle.net/7hoes1p9/

Highcharts.chart('container', { 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Column chart with fat columns' 
    }, 
    xAxis: { 
     type: 'datetime' 
    }, 
    credits: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'John', 
     data: [[1481863920000,326],[1481863915000,330],[1481863910000,418],[1481863905000,384],[1481863900000,329],[1481863895000,342],[1481863890000,550],[1481863885000,639],[1481863880000,488],[1481863875000,375],[1481863870000,532],[1481863865000,397],[1481863860000,362],[1481863855000,312],[1481863850000,373],[1481863845000,373],[1481863840000,344],[1481863835000,356],[1481863830000,545],[1481863825000,646],[1481863820000,454],[1481863815000,328],[1481863810000,553],[1481863805000,407]] 
    }] 
});

我是否需要重寫某些默認的行爲得到應有列？是否有需要取消設置的最小列寬？數據是否需要以不同的方式添加？任何幫助，將不勝感激。

來源

2016-12-16 Ron

你可以分享你的圖表是什麼樣子的快照？ – progrAmmar

當您使用日期時間軸與系列一樣列和酒吧，您應該指定pointRange屬性。它定義了單個列的有效時間範圍。

series: [{ 
     pointRange: 1000,

例如：http://jsfiddle.net/7hoes1p9/5/

來源

2016-12-16 11:54:43 morganfree

這個伎倆！對於具有5000ms點的情況，10000的點範圍產生了列的預期自動厚度。 – Ron

您需要添加。 pointwidth得到列的最佳寬度所證明here在該小提琴

column: { 
       pointWidth: 1, 
      }

或用於其他選項指該線程here

來源

2016-12-16 05:31:46

是的，這會得到狹窄的列，但我希望他們自動調整大小以填充空間。如果有很多值，1可能是有意義的，但如果圖表稀疏，我想要更寬的列。指定一個有意義的pointRange（見下文）獲得了我正在尋找的自動行爲。 – Ron

檢查下列在圖表選擇：

plotOptions: { 
      series: { 
       pointWidth: 5 
      } 
     }

來源

2016-12-16 05:31:54 progrAmmar

highcharts列與特定的數據太寬

回答

相關問題