2012-08-31 71 views
2

對此我傳遞給:如何在Highcharts的柱形圖中顯示值爲零的列?

 series: [{ 
         name: 'Fixed bugs', 
         data: fixed, 
         pointWidth: 40 
        }, { 
         name: 'Assigned Bugs', 
         data:assigned, 
         pointWidth: 40 
        }, { 
         name: 'Re-Opened Bugs', 
         data: Reopened, 
         pointWidth: 40 
        }, 
        { 
         name: 'Closed Bugs', 
         data: closed, 
         pointWidth: 40 
        }] 

this chart和我有這樣的數據:

 data: fixed=[3,5,5,8] 
    data:assigned=[0,1,0,0] 

,並遵循。現在我想顯示與零值列...對於我來說,它不顯示與零值的列值。

+1

如果它爲零,那麼該列不應該有高度。如果該值爲零 - 你只是想表明它是零?對你想要它看起來像什麼感到困惑。 – wergeld

+0

@wergeld是的,我想顯示cloumn是零 – SoftwareNerd

回答

0

這裏是一個辦法做到這一點 - 雖然我覺得只是有該列是零值且不可見是最好的方式。

找到一個非常低的數字,你的數據點都不會有,但仍然保持> 0。我們說它是.005。當您輸入數據時,任何值爲0的值都將賦予此.005值。在你的工具提示格式化程序中對值做一個IF。如果它是.005,那麼使它爲0.這樣你可以看到「零」列,但顯示的工具提示也將是0。如果你在堆疊柱上進行任何計算,那麼你也需要考慮這個非零值。

+0

一個很好的解釋和一個很好的答案...我會嘗試這種ty – SoftwareNerd

+0

這不應該被接受的答案。它應該是**所需的登錄**或Thilaga **的答案。請使用'minPointLength' –

0

不知道你是想顯示什麼,但也許你可以嘗試展現這樣的datalabels:

plotOptions: { 
    series: { 
     dataLabels: { 
      enabled: true, 
      color: 'gray' 
     } 
    } 
} 

Attempt at demo

+0

@Qyvindk我想要顯示零列,如果該列的值爲零 – SoftwareNerd

+0

我不是圖論專家,但並不意味着列有一個值大於還是小於零?也許你可以畫出一幅草圖,顯示你想要圖表的樣子? – OyvindK

9

你可以用minPointLength選項簡單地做到這一點。它設置每列最小像素數,默認值爲0,所以零值不顯示。它在文檔here中。

嘗試this JSFiddle

20

minPointLength會工作。用這個。

plotOptions: { 
    column: { 
    minPointLength: 3 
    } 
} 
+0

http://api.highcharts.com/highcharts#plotOptions.column.minPointLength – JimSan

相關問題