序文
パイチャートを除くすべてのチャートには、X軸とY軸があります。デフォルトでは、X軸はチャートの下部に表示され、Y軸は左側に表示されます(複数のY軸を使用すると、左側と右側に表示できます)。 chart.inverted = trueを設定することにより、x-y軸ディスプレイ位置を調整できます。
ハイチャートの座標軸を一緒に学びましょう。
タグ:
1。タイトル
xaxis:{title:{text: 'x-axis title'}} yaxis:{title:{text: 'y-axis title'}}}2。タグ
ラベル:有効、Formatter、setp
yaxis:{labels:{enabled:true、formatter:function(){if(this.value <= 3){return "first level("+this.value+")"; } else if(this.value> 3 && this.value <= 5){return "second level("+this.value+")"; } else {return "第3レベル("+this.value+")"; }}、ステップ:1 // 1回表示するいくつかの行を検索}3。メッシュ
1.GridLineWidth
グリッドライン幅。デフォルトのx軸は0で、デフォルトのy軸は1pxです。
2.GridlineColor
グリッドラインの色。デフォルトは次のとおりです:#c0c0c0 。
3.GridLineDashStyle
グリッドラインスタイル。 CSSボーダースタイルと同様に、一般的に使用されるものには、ソリッド、ドット、ダッシュが含まれます。
yaxis:{// gridlinewidth: '1px'、//このプロパティgridlinedashstyleが使用されていない場合、gridlinecolor: '#019000'、gridlinedashstyle: 'dash'、}4。タイプ
xaxis:{categories:['a'、 'b'、 'c']}、yaxis:{type: 'datetime'}、5.反転
反転は、xとyの代わりに軸をひっくり返すために調整することです。たとえば、y軸が反転した結果、y軸は最大値から始まり、最小値が下部にあることです。
xaxis:{categories:['a'、 'b'、 'c']、逆:true}、yaxis:{type: 'datetime'、verversed:true}、6.オプポジット
その値がtrueに設定されると、x軸とy軸に表示される位置は、それぞれ上下に左右になります。
xaxis:{categories:['a'、 'b'、 'c']、逆:true}、yaxis:{type: 'datetime'、reffery:true}7.Inverted
チャート:{type: 'line'、style:{fontsize: "17px"、}、逆:true}8.ミン、マックス
数軸の最小値と最大値を制御します。
注: AllowDecimals、Min、Maxプロパティの制御、数字軸の表示範囲などを簡単に制御できます(これも非常に一般的な問題です)
要約します
上記はこの記事に関するすべてです。あなたはそれを学びましたか?編集者は引き続きHighChartsの記事を更新します。 HighChartsに興味がある友人は、wulin.comに引き続き注意を払う必要があります。この記事があなたが学ぶのに役立つことを願っています。