ハイチャートの各値の日付としてxAxisラベルをフォーマットする方法は？
マルコ
簡単な折れ線グラフを作成しようとしています。ご覧のとおり、データは配列の最初の値が日付（年-月）になるようにフォーマットされており、次に値があります。必要に応じて日付の形式を変更できますが、データは通常、現在の月まで昇順で月ごとに1つの値を持ちます。
下軸に日付（年+月）のラベルが表示されるようにグラフをフォーマットすることはできますか？ここにあるCodepen私実施例のは、ここで元Highchart例必要に応じて。
Highcharts.chart("container", {
series: [
{
data: [
["2018-10", 18],
["2018-11", 16],
["2018-12", 21],
["2019-01", 22],
["2019-02", 22],
["2019-03", 20],
["2019-04", 22],
["2019-05", 24],
["2019-06", 25],
["2019-07", 31],
["2019-08", 35],
["2019-09", 33],
["2019-10", 35],
["2019-11", 35],
["2019-12", 35]
]
}
]
});
これが私が目指していることです 
別のライブラリでこれを簡単に実行できる場合は、提案を受け付けています。
アーメドサニー
このように行うことができます。タイプカテゴリを使用すると、シリーズのx軸が得られます。
xAxis: {
type: 'category',
labels: {
formatter: function () {
var str = this.value.split('-');
return str[1]+'<br>'+ str[0];
}
}
},
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ハイチャートの日付ツールチップをフォーマットしてタイムゾーンを表示する
- 2
ggplotを使用して、ウォーターフォールチャートのチャートラベル値をフォーマットします
- 3
ハイチャートのy軸ラベルをフォーマットする
- 4
ハイチャート-xAxisの日付
- 5
ハイストック範囲スライダーの日付と時刻のフォーマットをフォーマットする方法
- 6
値の配列をフォーマットしてグーグルチャートヒストグラムの分布を形成する方法は？
- 7
クライアント側のバインドを使用しているtelerik：GridBoundColumn日付フィールドをフォーマットする方法は？
- 8
ハイチャート：すべての数値をカンマでフォーマットしますか？
- 9
xaxisデータラベルをバーのハイチャートと同じ色にする
- 10
chartjsのx軸ラベルの日付文字列をフォーマットする方法は?
- 11
ハイチャートで最初と最後のxAxisラベルのみを表示する
- 12
特定のデータセットを使用してハイチャートの x 軸ラベルの下に y 軸の値を追加する方法
- 13
ハイチャートロリポップ/ダンベルチャートは、正と負のマーカー値の位置/色を変更します
- 14
ハイチャートを使用した縦棒グラフのxAxisでのみ特定の年を表示する方法
- 15
radDateTimePicker日付値を取得してフォーマットするための最良の方法は？
- 16
チャートプロパティのイベントロードでchart.renderer.textを使用して、デフォルトのツールチップと同等のカスタムツールチップをマウスオーバーに配置する方法
- 17
グラフの横軸としての日付：ラベルのフォーマットと範囲の設定方法は？
- 18
ハイチャートのマルチチャートで0の値を非表示にする方法は？
- 19
UTCとして現在の日付とフォーマットに日のX番号を追加する方法
- 20
今日の日付をdd-mm-yyyyとしてフォーマットする方法は？
- 21
ggplot2を使用して、軸ラベルと回転を使用してRでレーダーチャートをフォーマットする方法
- 22
このフォーマットを使用してPHPの日付をフォーマットする方法
- 23
ハイチャートバーはデータラベルをパーセントにフォーマットし、テキストを追加します
- 24
日付付きのOracleバッチ挿入。日付をフォーマットする方法は？
- 25
ハイチャートでクリックイベントを実行するときにボットのxAxis値を取得する
- 26
ハイチャートグラフのデータソースをJSONで返し、SeleniumとC＃で正しくフォーマットするJQueryJavascript関数
- 27
データフレームの各チャンクの列の最初の3つの値を使用して、各グループにラベルを付ける方法
- 28
ハイチャート株価チャートのラベルまたはツールチップとして最後のポイントの値を表示します
- 29
イスラム暦を持っているコンピューターの別の方法にグルジアの日付を渡す方法私のコードはフォーマットを変更して添付されていますか？MVC
コメントを追加