如何在ColdFusion中向条形图添加线条?

如何在ColdFusion中向条形图添加线条?,coldfusion,coldfusion-10,cfchart,Coldfusion,Coldfusion 10,Cfchart,我有一个有四个数据点的条形图。我试图添加一条线来表示条的平均值。当我将线条添加为chartseries时,它会添加线条,但它也会添加为第五个条形图 如何得到一条代表平均值的红线 <cfchart format="png" scalefrom="0" scaleto="5000"> <!--- four blue bars ---> <cfchartseries type="bar" serieslabel="Website Traffic 2006" s

我有一个有四个数据点的条形图。我试图添加一条线来表示条的平均值。当我将线条添加为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>

这里有一个有效的解决方案。基本上,您必须在折线图中重复使用与条形图中相同的项目名称,以确保不会引入新的条形/x轴点。您不必定义所有四个匹配点,但对我来说,这似乎是一个很好的实践。但问题的关键是不要引入一个新的“项”名称,从而产生一个新的条。在我的例子中,我只是重复使用了“一月”



要创建一行,我认为您需要相同数量的元素。尝试添加相同的四个元素(即一月、二月……),但都具有
value=“2500”
。仅供参考,您也可以不使用线条。如果您使用CF10,请不要;t使用
cfcahrt
,使用本机ZingChart库-,实际上单独使用库比尝试使用
cfcahrt
更容易。他们有一个很棒的工具,可以让你设计图表并导出JSON格式。是的,使用相同的“项”是关键。然而,要在所有条上生成一致的价值线,我相信您确实需要所有四个点。否则,它在“一月”之后降到零。啊,有趣。在CF9中,线在“一月”之后下降到零,但在CF10中,四条横线上的线都保持在2500。大卫,你给了我我想要的确切答案。非常感谢你的帮助!!!抱歉,我在CF10中进行了验证,它使用了一个数据点。然而,请注意,在我的回答中,我建议将所有4点都放在第一位。这是一个系列,所以即使CF10似乎不需要添加所有4个点,也应该添加所有4个点。@DavidFleeman-是的,指定所有4个点才是正确的选择。(顺便说一句,我不是在敲打答案。我实际上是把它投了赞成票,因为它涵盖了所有的基础,即选项和最佳实践:)我只是认为行为上的差异值得注意,以防有人像我一样尝试使用CF9捷径)
<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>