0

CF11 で棒グラフを作成しています。データに応じて、CFchartseries のさまざまな棒にさまざまな色を付けることは可能ですか。

<cfchartseries serieslabel="Rent" type="bar" colorlist="barcolr_list">
        <cfloop index="counter" from=1 to="#ArrayLen(PropName_arry)-1#" step="1">               
        <cfchartdata item="#PropName_arry[counter]#" value="#Grossrent_arry[counter]#" >        
    </cfloop>
</cfchartseries>

colorlist 属性が pie,pyramid..etc graph で使用できることをドキュメントで読みました。総家賃の値に応じてバーに異なる色を設定するにはどうすればよいですか

つまり、グロスレントが 800 を超える場合、バーの色は赤、それ以外の場合は青になります。

このコードは CF7 では機能しましたが、CF11 では機能しませんでした

4

1 に答える 1

0

ColorList は、円グラフ、ピラミッドグラフ、面グラフ、横棒グラフ、円錐グラフ、円柱グラフ、またはステップグラフでのみ機能します。cfchartシリーズ。

2 つの異なる方法で、各列に特定の色を作成できます。ルールまたはスタイルのリストを介して。

プロット属性に追加されるルールを作成できます。そのルールに適用される色を指定します。以下の例は、x 軸の値が true の場合のルールを示しています。

<cfset plot= {"rules": [
    {"rule":"'%k'=='2007'",
     "background-color":"purple"},
    {"rule":"'%k'=='2008'",
     "background-color":"pink"},
    {"rule":"'%k'=='2009'",
     "background-color":"green"}]}
    >

または、プロットの styles 属性を使用して、グラフのスタイルのリストを作成できます。

<cfset plot = {"styles":[
{
"background-color":"##e95d22"
},
{
"background-color":"##017890"
},
{
"background-color":"##da534d"
},
{
"background-color":"##4a266d"
},
{
"background-color":"##f4913c"
}]}>

次のように、グラフ要素にプロット変数を含めます。

<cfchart format="png" chartheight="180" chartwidth="233" showlegend="false" style="test.js" plot="#plot#">
<cfchartseries type="bar">
    <cfchartdata item="2005" value="1000"/>
    <cfchartdata item="2006" value="3000"/>
    <cfchartdata item="2007" value="1000"/>
    <cfchartdata item="2008" value="4000"/>
    <cfchartdata item="2009" value="2000"/>
</cfchartseries>

私の例を支援するために、ここに私のtest.jsがあります

{
"graphset":[
    {
    "border-width":1, 
    "background-color":"transparent",
    "plotarea":{"margin":"dynamic"}
}]
}

これらの手法はどちらも test.js ファイルに直接含めることができますが、これらの色を動的にするには、plot 属性を介して入力する方が簡単です。

于 2014-07-22T14:52:26.083 に答える