ホームページ  >  に質問  >  本文

ポイント高さグラフで日付と時刻を取得するにはどうすればよいですか?

<p>ページ上に縦長のグラフを描きます。 これはうまく機能しますが、小さな問題があります。カーソルを上に置くと日付と時刻が表示されないように思えます。 </p> <p>これは私の json のようになります:</p> <p><code>[{"測定値":"測定値","日付":"日付","データ":["2022/9/5",14.6,"2022/9/5" ,14.8,"6 -9-2022",15.948,"2022/9/6",17.112,"2022/9/6",

<p>私のグラフは次のようになります:</p> <p>左側にバルーンが表示され、数字 0: 14.6 が表示されます。値は 14.6 で問題ありませんが、0 は別の点と同様にその値の数値であり、</p> になります。 <p>しかし、バルーン内の数字が属する日付と時刻を表示するにはどうすればよいでしょうか?</p> <p>我の画像表代コードは次のとおりです:</p> <pre class="brush:php;toolbar:false;">$.getJSON("mfrmetingen300RG.json", function(data) { const処理済みデータ9 = []; for (let a = 0; a < data[0].data.length; a = 2) { 処理済みデータ9.push([データ[0].データ[a], データ[0].データ[a 1]]); } データ[0].データ = 処理済みデータ9; avg = <?php echo $rowj[0]; ?>; StDev = <?php echo $rowj[1]; ?>; Aantalwaarden9 = <?php echo $rowj[2]; ?>; //Cp=(USL-LSL)/(6xstd.Dev) 参照:https://www.easycalculation.com/statistics/learn-cp-cpk-calculator.php //Cpk = (USL-gemiddelde) / (3 x std.Dev) of (gemiddelde-LSL) / (3 x std.Dev) cpkl1 = (<?php echo $_cpkh10waarde; ?>-<?php echo $_cpkl10waarde; ?>)/(6*StDev); Cpk1High = (<?php echo $_cpkh10waarde; ?>-avg)/(3*StDev); Cpk1Low = (avg-)/(3*StDev); chart9 = new Highcharts.Chart('container9',{ チャート: { ズームタイプ: 'x'、 タイプ: '行'、 右マージン: 130、 マージン下: 100、 背景色:'紺碧' }、 範囲セレクター: { ボタン: [{ 文章: ' '、 イベント: { クリック() { falseを返す } } }、 { 文章: '-'、 イベント: { クリック() { falseを返す } } }] }、 タイトル: { useHTML: true、 テキスト: 「Gemeten MFR waarde van PP 300R Grey Extrusie over de laatste」 (アアンタルワールデン9)守ってください。」、 x: -20 //中心 }、 クレジット: { 有効: false }、 サブタイトル: {テキスト: 'Gem.=' avg.toFixed(2) ' Stdev=' StDev.toFixed(2) ' Cp=' cpkl1.toFixed(2) ' Cpk_High=' Cpk1High.toFixed(2) ' Cpk_Low=' Cpk1Low.toFixed(2) '',x: -20}, x軸: { uniqueNames: false、 タイプ: 'カテゴリ'、 タイトル: { テキスト: 'データム' } }、 y軸: { 「分」:15、 「最大」:23、 タイトル: { テキスト: 'MFR' }、 プロットライン: [{ 値: 0、 幅: 1、 色: '#808080' }]、 プロットライン: [{値: <?php echo $_cpkl10waarde; ?>,color: <?php echo $_color_min_line; ?>、ダッシュスタイル: 'longdashdot'、幅: 2、ラベル: {テキスト: '最小'}}、 {値: <?php echo $_cpkh10waarde; ?>,color: <?php echo $_color_max_line; ?>、ダッシュスタイル: '長点'、幅: 2、ラベル: {テキスト: '最大'}}、 {値: <?php echo $_cpkm10waarde; ?>,color: <?php echo $_color_guide_line; ?>、ダッシュスタイル: 'ショートダッシュ'、幅: 2、ラベル: {テキスト: 'リヒトリジン'}}、 {値: avg.toFixed(2)、色: <?php echo $_color_avg_line; ?>、ダッシュスタイル: 'スプライン'、幅: 2、ラベル: {テキスト: '平均'}}、 】 }、 ツールチップ: { フォーマッタ: function() { '<b>ミートワールデン</b><br/>'を返しますthis.x ': ' this.y; } }、 凡例: {レイアウト: 'vertical',align: 'right',verticalAlign: 'top', x: -100,y: 0,floating: true,borderWidth: 0}, シリーズ: データ、 プロットオプション: { ライン: { データラベル: { 有効: true } } }、 }); chart9.legend.allItems[0].update({name:'MFR'}); }, 1000); });```</pre></p>
P粉848442185P粉848442185437日前480

全員に返信(1)返信します

  • P粉026665919

    P粉0266659192023-09-01 11:22:00

    category タイプ xAxis があるため、カテゴリ名は point.key 変数に含まれています。したがって、あなたの例に基づくと、this.key

    を参照するだけで済みます。 リーリー

    簡単なデモンストレーション: https://jsfiddle.net/BlackLabel/87bousnL/

    API リファレンス: https://api.highcharts.com/highcharts/tooltip.headerFormat

    返事
    0
  • キャンセル返事