FusionCharts チャートはデュアル Y 軸デュアル (複数) カーブを表示します_JavaScript スキル

WBOY
リリース: 2016-05-16 17:48:13
オリジナル
1425 人が閲覧しました

FusionCharts チャートは、プロジェクト内で 2 つの Y 軸を表示する必要があります。FCF_MSLine.swf では、1 つの Y 軸と複数の線しか表示できないようです。
検索すると、MSCombiDY2D.swf で実現できます。生成された図は次のとおりです:


2 つのグラフのデータは同じですが、設定が異なります。
の対応する XML テキストは次のとおりです。:
コードをコピー コードは次のとおりです:


🎜><カテゴリラベル='20121110' />
<カテゴリラベル='20121111' />
<カテゴリラベル=' 20121113' />



'3171' />

>


<設定値='197' />
<設定値='155' /> 🎜><設定値= '15' />
<設定値='66' />
<設定値=' 37' />



面グラフを曲線に変更するには、



説明:
parentYAxis='P' は左側の対応する Y 軸を意味します
parentYAxis='S'対応する表現は右側の Y 軸です
renderAs は形状を表し、Area は面グラフ、Line は曲線グラフを表します
パラメータ設定について
機能の特徴
Animation データの表示をアニメーション化するかどうか、デフォルトは 1 (True)
showNames 水平座標軸 (X 軸) のラベル名を表示するかどうか
rotateNames 表示ラベルを回転するかどうか、デフォルトは 0 (False): 水平表示
showValues チャートに対応するデータを表示するかどうかの値、デフォルトは 1 (True)
yAxisMinValue は垂直軸 (y 軸) の最小値、数値 yAxisMaxValue は垂直軸 (y 軸) の最小値を指定します。数値
showLimits チャートの制限 (y 軸) の最大値、最小値を表示するかどうかを指定します。デフォルトは 1 (True) です。

チャートのタイトルと軸の名前 caption チャートのメイン タイトル
subCaption チャートのサブタイトル
xAxisName 水平座標軸 (x 軸) 名
yAxisName 垂直座標軸 (y 軸) 名

チャートとキャンバスのスタイル bgColor チャートの背景色、6 桁の 16 進カラー値
canvasBgColor キャンバスの背景色、6 桁の 16 進カラー値
canvasBgAlpha キャンバスの透明度、[0-100]
canvasBorderColor キャンバスの境界線の色、6 桁の 16 進数のカラー値
canvasBorderThickness キャンバスの境界線の太さ、[0-100]
shadowAlpha 投影の透明度、[0-100]
showLegend シリーズ名を表示するかどうか、デフォルトは 1 (True) です。

フォント属性 baseFont チャートのフォント スタイル
baseFontSize チャートのフォント サイズ
baseFontColor チャートのフォントの色、6 桁の 16 進カラー値
outCnvBaseFontチャート キャンバスの外側のフォント スタイル
outCnvBaseFontSize チャート キャンバスの外側のフォント サイズ
outCnvBaseFontColor チャート キャンバスの外側のフォントの色、6 桁の 16 進数 カラー値

分割線とグリッド
numDivLinesキャンバス内の水平分割線の数、数値
divLineColor 水平分割線の色、6 桁の 16 進カラー値
divLineThickness 水平分割線の太さ、[1-5]
divLineAlpha 水平分割線の透明度、[0 -100]
showAlternateHGridColor 水平グリッド バンドの色を交互にするかどうか。デフォルトは 0 (False)
alternateHGridColor 水平グリッド バンド 代替カラー、6 桁の 16 進カラー値
alternateHGridAlpha 水平グリッド ストリップの透明度, [0-100]
showDivLinues Div 行の値を表示するかどうか、デフォルト? ?
numVDivLines キャンバス内の垂直分割線の数、数値
vDivLineColor 垂直分割線の色、6 桁の 16 進カラー値
vDivLineThickness 垂直分割線の太さ、[1-5]
vDivLineAlpha 垂直分割線透明度 , [0-100]
showAlternateVGridColor 垂直グリッドの色を交互にするかどうか、デフォルトは 0 (False)
alternateVGridColor 垂直グリッドの代替色、6 桁の 16 進カラー値
alternateVGridAlpha 垂直透明度グリッド バンドの [0-100]

Number format
numberPrefix は数値の接頭辞を増加させます
numberSuffix は数値の接尾辞を % から '%' に増加させます
formatNumberScale をフォーマットするかどうか数値、デフォルトは 1 (True) で、数値に K (千) または M (百万) が自動的に追加されます。それが 0 の場合、
は K または M を追加しません 10 進数の精度を指定します。小数点以下の桁数、[0-10] 例: ='0' 丸め
divLineDecimalPrecision は水平分割線の値の小数点以下の桁数を指定します。[0-10]
limitsDecimalPrecision はy 軸の最大値と最小値の小数点以下の桁数。[0-10]
formatNumber カンマで数値 (千、百万) を区切ります。デフォルトは 1 (True) です。 0、区切り文字は追加されません。
decmalSeparator は小数点区切り文字を指定します。デフォルトは '.'です。
thousandSeparator 1000 番目の区切り文字を指定します。デフォルトは ',' です。
ツールチップ/ホバータイトル
showovercap かどうかホバー説明ボックスを表示する場合、デフォルトは 1 (True) です。
hoverCapBgColor ホバー説明ボックスの背景色、6 桁の 16 進カラー値
hoverCapBorderColor ホバー説明ボックスの境界線の色、6 桁桁の 16 進数のカラー値
hoverCapSepChar ホバー説明ボックスと値の区切り文字の間の値を指定します。デフォルトは「,」です。

折れ線グラフのパラメータ lineThickness ポリラインの太さ
anchorRadius ポリライン ノードの半径、数値
anchorBgAlpha ポリライン ノードの透明度、[0-100]
anchorBgColor ポリライン ノードの塗りつぶしの色、6 桁の 16 進数のカラー値
anchorBorderColor ポリライン ノードの境界線の色、6 桁の 16 進数のカラー値

Set タグで使用されるパラメータ value データ値
color color
link リンク (このウィンドウは [Url] を開き、新しいウィンドウは [n-Url] を開き、JS を呼び出します) function [JavaScript: function])
name 横軸ラベル名
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート