如何在ColdFusion中將條線添加到條形圖？

我有一個包含四個數據點的條形圖。我正在嘗試添加一行來表示酒吧的平均值。當我將該行添加爲chartseries時，它添加了該行，但它也是第五個欄。如何在ColdFusion中將條線添加到條形圖？

如何獲得一條紅線來表示平均值？

<cfchart format="png" scalefrom="0" scaleto="5000"> 
<!--- four blue bars ---> 
<cfchartseries 
    type="bar" 
    serieslabel="Website Traffic 2006" 
    seriescolor="blue"> 
<cfchartdata item="January" value="1000"> 
<cfchartdata item="February" value="2000"> 
<cfchartdata item="March" value="3000"> 
<cfchartdata item="April" value="4000"> 
</cfchartseries> 
<!--- one red line ---> 
<cfchartseries 
    type="line"  
    seriesColor="red" 
    paintStyle="plain" 
    seriesLabel="Contract Salaries"> 
<cfchartdata item="average" value="2500"> 
</cfchartseries></cfchart>

來源

2013-11-02 Evik James

要創建一條線，我認爲你需要相同數量的元素。嘗試添加相同的四個元素（即1月，2月，...），但都具有'value =「2500」'。僅供參考，您還可以[應用背景範圍]（http://stackoverflow.com/questions/9813386/add-a-target-line-to-a-coldfusion-8-cfchart-bar-graph/9814127#9814127）而不是一條線。 – Leigh

如果你正在使用CF10，不要使用'cfchart'，使用原生ZingChart庫 - http://www.zingchart.com/，它本身比使用'cfcahrt'更容易使用lib。他們有一個很棒的工具，可以讓你設計一個圖表並導出JSON格式。 –

這是一個有效的解決方案。基本上，您必須在線圖中重複使用與條形圖中相同的項目名稱，以確保您不會引入新的柱/ x軸點。你不必定義所有四個匹配點，但對我來說，這似乎是一個很好的做法。儘管如此，問題的關鍵是不要引入一個新的「項目」名稱，從而產生新的欄。在我的例子中，我剛剛重用了「一月」。

<cfchart format="png" scalefrom="0" scaleto="5000"> 
<!--- four blue bars ---> 
<cfchartseries 
    type="bar" 
    serieslabel="Website Traffic 2006" 
    seriescolor="blue"> 
<cfchartdata item="January" value="1000"> 
<cfchartdata item="February" value="2000"> 
<cfchartdata item="March" value="3000"> 
<cfchartdata item="April" value="4000"> 
</cfchartseries> 
<!--- one red line ---> 
<cfchartseries 
    type="line" 
    seriesColor="red" 
    paintStyle="plain" 
    seriesLabel="Contract Salaries"> 
<cfchartdata item="January" value="2500"> 
</cfchartseries> 
</cfchart>

來源

2013-11-04 20:31:50

是的，使用相同的「項目」是關鍵。但是，爲了在所有欄中生成一致的價值線，我相信您確實需要全部四個點。否則，在「一月」之後它將降至零。 – Leigh

啊，有趣。在CF9下，線條在「1月」後下降到零，但在CF10中，在所有四條線條上保持2500。 – Leigh

大衛，你給了我正在尋找的確切答案。非常感謝您的幫助！ –

如何在ColdFusion中將條線添加到條形圖？

回答

相關問題