詳細Echartsデータグリッドデカルト座標(x軸、y軸)

= {mytextStyle
    カラー: "#333"、//文字色
    のfontStyle: "ノーマル"、//イタリックイタリック斜め傾斜
    たfontWeight:大胆な"ノーマル"、//テキスト厚ライター100ボールド| 200 | 300 | 400 ...
    のfontFamily "サンセリフ"、//フォントの一連
    のfontSize:18、//フォントサイズ
};
mylineStyle = {
    色: "#333"、//色、 'RGB(128、128、 128)'、「RGBA(128 、128、128、0.5)」、直線勾配、半径方向の勾配、テクスチャ充填サポート
    、//影の色"赤":shadowColorは
    影から水平方向にオフセット0、//:shadowOffsetXを。
    shadowOffsetY:0、垂直方向//影のオフセット距離
    shadowBlur:10、//影ファジーパターンサイズ。
    タイプ:「ソリッド」、
    幅:1、//幅軸座標
    不透明度:1、//透明パターン。パターンを描画するために、0から1へのサポートではない0
};
myareaStyle = {
    色:[ 'RGBA(250,250,250,0.3)'、 'RGBA(200,200,200,0.3)'] //色分離領域。領域は、色のパーティションアレイは周期的に色が配置される順序であろう。デフォルトの間隔は、色の深さです。
    shadowColorは:、「赤」//影の色
    shadowOffsetX:0、影の水平方向の//オフセット距離。
    shadowOffsetY:0、垂直方向//影のオフセット距離
    shadowBlur:10、//影ファジーパターンサイズ。
    不透明度:1、//透明性とグラフィック。パターンを描画するために、0から1に支持は0ではありません
}。

=グリッド[{
    表示:trueに、//かどう
    zlevel:0、キャンバス//層状パターンが属し、大きなキャンバスが小さいzlevelキャンバス上に配置するzlevel
    Z 2、Z //層状構成要素が属し、小さい値Zパターンが大きいZ値パターンで覆われているが
    、左:「10%」を、//アセンブリ離れ容器の左側から、文字列または整数の割合を
    上部:60、//アセンブリを容器の上側から距離、文字列または整数の割合
    右:「オート」、//容器アセンブリ、文字列または整数の割合から右の距離
    下:コンテナの下側からの距離の「オート」、//アセンブリ、パーセント文字文字列または整数の
    幅:「オート」、//レジェンド幅
    高さ:「オート」、//レジェンドの高さ
    containLabel:真、//グリッドスケールのラベル領域が軸、含まれている
    「透明」、//タイトル:backgroundColorのを背景色
    BORDERCOLOR: "#1 CCC"、//境界色
    borderWidth:0、//境界幅
    shadowColorは"赤"、//シャドウ色
    shadowOffsetX:0、影する@の水平方向のオフセット距離
    shadowOffsetY:0、//影に垂直な方向の距離をオフセット
    シャドウファジー10、//サイズ:shadowBlur
    ツールチップ:{//システム固有の設定ツールチップ座標
        真//プロンプトフレームアセンブリか、バルーンフローティング層とaxisPointer含む:表示
        トリガを:主にカテゴリ、パイ等のない散布プロットグラフの軸で使用されるトリガタイプなし「アイテム」トリガー・パターンのデータ項目を誘発しない//「軸」、。「軸」トリガ軸は、主に、棒グラフ、線グラフ、等の使用のカテゴリ軸に使用されます。
        位置:['50% ''50 %']、// バルーンブランケット位置、マウス位置の初期位置が設定されていない以下、[10、10]、
        フォーマッタ: "{B0}:{ C0} <br />の{B1}:{C1}"、// バルーンブランケットコンテンツフォーマット、文字列テンプレートと、2つのコールバック関数をサポートし、テンプレート変数{A} 、{B}、{C} 、{D}、{E}、 それぞれ、シリーズ名、データ名、データ値等
        のbackgroundColor: "透明"、//タイトルの背景色
        BORDERCOLOR: "#1 CCC"、//境界色
        borderWidth:0、//境界幅
        パディング:5、//凡例マージン5つの単位のPX [5,10,5,10]。[5、10]
        TEXTSTYLE:mytextStyle、//テキストスタイル
    }
}]。
= XAXIS [
    {
        表示:trueに、// x軸か
        gridIndex:0、デフォルトのグリッド上に位置するグリッドインデックス// x軸
        位置:「底部」、// x軸。「上部」、「底部」、グリッドのx軸における最初のグリッドの下デフォルト(「ボトム」
        オフセット:デフォルト位置に対してオフセット0、// X軸は、同時にX軸位置の複数有用で
        「カテゴリ」、//軸タイプ:タイプ。連続データの「値」軸の値。データの種類がデータカテゴリによって提供されなければならない離散データのカテゴリのための「カテゴリ」カテゴリ軸。
                                   //「時間」軸は、スパンの範囲に応じて、週、月、値の軸と比較し、時間軸でフォーマットされた連続的な時系列データのために、また、スケール・コンピューティングに変化、例えば、使用して決定されます日または時間のスケール範囲。対数軸を「ログ」。番号データに適した
        「時間」、//軸名:名
        nameLocation:「終わり」、//軸名称の表示位置。オプション:「スタート」、「中」、「終了」
        nameTextStyle:mytextStyle、テキストスタイル@軸名
        nameGap:15、//座標軸名と軸の間の距離
        nameRotate:0、//座標軸の名前回転角度値の
        逆数:偽、//リバース軸の場合
        boundaryGap:真、//カテゴリboundaryGapシャフトは真と偽に構成することができます。時間、数値、対数軸を含む非カテゴリ軸、boundaryGapは、それぞれ、2つの値のアレイであり、最小値と最大拡張データが無効minとmaxを設定した後、直接又は相対パーセント値を設けてもよいです【'20% ''20%']
        最小:NULL、//軸スケール最小値。特殊な値「dataMin」、データはシャフトの最小規模として最小値をとる。この時に提供することができます。自動的に提供されていない時間軸スケールの均一な分布を確実にするために最小値を算出します。カテゴリ軸で、それはカテゴリ序として提供することができる
        最大:NULL、//最大軸スケールを調整します。あなたは、この時間は、シャフトの最大の規模としてデータの最大値を取って、特別な値「DATAMAX」に提供することができます。自動的軸目盛が設けられていない時の均一な分布を確実にするために最大値を計算します。カテゴリ軸では、カテゴリ序として提供することができる
        偽、//のみ数値軸:有効(タイプ「値」)スケール。0比の値かどうか。スケールの座標が真力に設定されていない後にゼロスケールを含みます。ダブルシャフト値プロットに有用。無効な最小値と最大値CIを設定した後。
        splitNumber:5、//軸の分割されたセグメントの数、分割区間の数は、軸スケール表示を分割した後度の読みやすさに応じて調整することが、最後のセグメントの実際の数はこれに基づいて表示される唯一の推定値であることに留意すべき
        minInterval:0、//最小間隔寸法軸が自動的に計算され、例えば、軸は整数スケール表示に分割されることを確実にするために提供されてもよいです。軸の値のみ(タイプ:「値」)有効。
        logBase:10、//ベース軸の数、対数軸のみ(タイプ:「ログイン」)を効果的に
        サイレント:軸は、静的相互作用はないという誤っ、//
        のTriggerevent:偽、//タグが軸を応答しマウスイベントトリガ
        axisLine:{//座標軸を
            表示:真、軸座標か否かを示す//
            onZero:0軸スケールであれば、他の軸に真の、// X軸またはY軸、他の軸のみ軸と有効数字目盛0は、前記
            をlineStyleを:mylineStyle
        }、
        axisTick:{//軸スケール設定が
            表示:真、//軸スケールを座標表示するかどうか。
            alignWithLabel:偽、//カテゴリ軸boundaryGapは時に有効trueで、目盛りラベルの整列を保証します
            間隔:カテゴリ軸での効果的な自動車、//軸のスケール表示間隔、。デフォルトでは、インターバル表示ラベル戦略を重複しないラベルを使用します。0は強制表示にすべてのラベルを設定することができます。1に設定した場合、これに値が「分離ラベルを表示するラベルが」2は、2つのコンパートメントタグは、タグの表示を表し示し、
            内側軸スケール、外側にデフォルト場合//、FALSE:内部。
            長さ:5、//縦軸スケール。
            lineStyle:mylineStyle
        }、
        たAxisLabelは:{//軸の目盛りラベルの設定が
            表示さ:真、//か
            間隔:「オート」、//タグが軸の目盛間隔が有効なカテゴリ軸で表示されます。デフォルトでは、インターバル表示ラベル戦略を重複しないラベルを使用します。0は強制表示にすべてのラベルを設定することができます。値2は、ラベルを表示するために、すべての二つのタグを示しており、そうであれば、「他のすべてのラベルはラベルを示し」ことを示し、1に設定されている場合
            はfalse、//スケールのラベルを内側にし、デフォルトの外側に向かっているかどうか:内部の
            回転:0 //回転角度目盛ラベル、ラベルのカテゴリカテゴリの回転を防止することにより、軸ラベル間で重複時間が合いません。90度-90度の回転角度
            マージン:8、軸スケールラベル//距離
            フォーマッタ:関数(値、指数) {// 使用関数テンプレート、関数パラメータは、スケール値(カテゴリ)、スケールインデックスである
                戻り値+「キロ」;
            } 、
            showMinLabel:ヌル、//最小目盛りのラベルを表示するかどうか。値はnull、falseの場合、真であることができます。デフォルトの自動決意(すなわち、ラベル重複する場合、最小目盛ラベルが表示されない)
            showMaxLabel:NULL、//最大目盛ラベルかどうか。値はnull、falseの場合、真であることができます。デフォルトの自動決意(すなわち、ラベル重複する場合、最大目盛ラベルが表示されない)
            TEXTSTYLE:mytextStyle
        }、
        分割線:{//分割線を軸グリッド領域座標。
            ショー:真、分割ラインを表示するかどうかを//。表示デフォルト値の軸は、軸のカテゴリが表示されません。
            間隔:「オート」、//軸の分離線の表示間隔、有効なカテゴリ軸。デフォルトでは、インターバル表示ラベル戦略を重複しないラベルを使用します。0は強制表示にすべてのラベルを設定することができます。1に設定されている場合、それはデータ間隔「を表示バリアラベルタグ」が数値的に表現することができる示し、コールバック関数によって制御することができます。コールバック次のフォーマット
            をlineStyle:mylineStyle
        }、
        splitArea:{//デフォルトで表示されていない軸のグリッド領域分割面積を調整します。
            間隔:「オート」、
            ショー:偽、//別の領域に表示するかどうかを
            AreaStyle:myareaStyleを
        }、
        データ:[「月曜日」、「火曜日」、「水曜日」、「木曜日」、「金曜日」、「土曜日「日曜日」]、//カテゴリデータ、カテゴリ軸(タイプ:「カテゴリー」)アクティブの。
        zlevel:すべてzlevelパターンの0、// X軸の値。
        Z:0、グラフィックスの全て// X軸成分値z
    }
]。
 

おすすめ

転載: www.cnblogs.com/weixin-nb123400/p/11305072.html