如何在 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>

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

最新更新