如何在ColdFusion的条形图中添加一行?

时间:2013-11-02 19:18:11

标签: coldfusion coldfusion-10 cfchart

我有一个带有四个数据点的条形图。我想添加一条线来表示条形的平均值。当我将该行添加为chartseries时,它会添加该行,但它也会作为第五个栏。

如何获得一条红线代表平均值?

<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>

1 个答案:

答案 0 :(得分:2)

这是一个有效的解决方案。基本上,您必须在折线图中重新使用与条形图中相同的项目名称,以确保不会引入新的条形/ 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>