2017-08-16 10 views
0

ハイチャートフォームPHPテーブルを作成しました。今すぐY軸最大間隔の値は固定されています。最後の4つのレコードを使用して、それらを動的にする方法を教えてください。最高だと言ってください。値はクエリから20です。間隔は5になります。最大値の場合、最大値を返すクエリがあります。 2列目と最後の4レコードの値。 MySQLのクエリ:PHPを使用してハイチャートの動的Y軸最大値とティック間隔を作成

SELECT GREATEST(MAX(step1), MAX(step2)) FROM workflow1 ORDER BY id DESC LIMIT 4 

Highchartスクリプト:

<script> 
Highcharts.chart('container', { 

    data: { 
    table: 'datatable' 
}, 
credits: { 
    enabled: false 
}, 
chart: { 
    type: 'column' 
}, 
title: { 
    text: 'Results', 
    style: { 
     color: '#FF00FF', 
     fontWeight: 'bold' 
    } 
}, 
    legend: { 
    layout: 'horizontal', 
    align: 'right', 
    verticalAlign: 'top', 
    y: 50, 
    padding: 3, 
    itemMarginTop: 5, 
    itemMarginBottom: 5, 
    itemStyle: { 
     lineHeight: '14px' 
    } 
}, 

yAxis: { 

    min: 0, 
    max: 100, 
    tickInterval: 20, 
    allowDecimals: false, 
    title: { 
     text: 'Time in Sec.' 
    } 
}, 
tooltip: { 
    formatter: function() { 
     return '<b>' + this.series.name + '</b><br/>' + 
      this.point.y + ' ' + this.point.name.toLowerCase(); 
    } 
} 

})。あなたがminmax、またはtickIntervalのために特定の値を定義しない場合

+2

申し訳ありませんが、わかりません。何があなたのデータベースクエリの結果からmaxとtickIntervalのyAxisプロパティを設定するのを止めていますか?あなたは既にソリューションの両方の部分を持っているように私には思えます。 –

+0

あなたは正しいです!しかし、私は変数でそのクエリを設定することはできませんし、100または20(最大値と間隔)の代わりに置く。 –

+0

完全なコードを追加してください。どのようにPHPで値を作成し、JavaScriptコードでこれらの値を持っている。私はそれが簡単だと確信しています。しかし、ソリューションを提供するのに役立つコードを追加してください。まだ取得していない場合は、開始点は[作業中データ](https://www.highcharts.com/docs/working-with-data/data-intro)ドキュメントになります。 –

答えて

1

、Highchartsは自動的に軸の最大値を調整し、利用可能な現在のデータに基づいて間隔をチェックします。

(あなたはそれが例の1以上になる前に少し待たなければならないかもしれませんが)動的更新Highchartsのデモは、これがどのように機能するかを示しています。https://www.highcharts.com/demo/dynamic-update

うれしいこれはあなたのために役立ちました!

関連する問題