ハイチャートのフラグシリーズ内に動的データを追加するにはどうすればよいですか?

サンマン

チャートが実行されているこのコードでデータを取得しています。X軸に最大値と最小値のフラグを追加しました。フラグ内に評価を表示したいのですが、ここにカテゴリデータが表示されますが、評価はフラグに表示されません。ここで私のデータと評価は動的に静的ではなくデータです。私はすでにスタックオーバーフローの提案を試しましたが、highstock.jsファイルとhighcharts.jsファイルを含めましたが、それでも機能しません。縦棒グラフの適切な解決策を教えてください。

  $(document). ready(function() {
        var options = {
            chart: {
                renderTo: 'container',
                type: 'column',
                marginRight: 130,
                marginBottom: 50
            },
            title: {
                text: 'Top 15 Projects Facilities Rating',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: []
            },
            yAxis: {
                title: {
                    text: 'Facilities Rating'
                },
               stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                formatter: function() {
                        return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y;
                }
            },
            plotOptions:{
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color:'white'
                }
            }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                borderWidth: 0
            },
            series: [{
                name:'RATING',
                data:[],
                id:'dataseries'
           },
    {      
    type: 'flags',
    onSeries: 'dataseries',
    data: [{
        x: 0,
        text: 'Minimum Facilites Rating',
        title: 'Min'
    }, {
        x: 15,
        text: 'Maximum Facilites Rating',
        title: 'max'
    }],
    width: 30,
    showInLegend: false
    }]
        }

        $.getJSON("bargraph_data.php", function(json) {
            options.xAxis.categories = json[0]['data'];
           // options.series.splice(0,0, json[1]);
            options.series[0].data = json[1]['data'];

            chart = new Highcharts.Chart(options);

        });
    });

[リンク] http://jsfiddle.net/sunitasingh/n3U77/3/でも確認できます。静的ではなく動的なフラグシリーズポイントにy値を追加する方法の解決策を教えてください。

PawełFus

デフォルトのシリーズでフラグを上書きしています。次の行を確認してください。

options.series[0] = json[1]; 

フラグを新しいシリーズに置き換えます。次のようなオプションを追加する必要があると思います。

options.series.splice(0, 0, json[1]);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ハイチャート:動的データをドリルダウン円グラフに設定するにはどうすればよいですか?

分類Dev

シリーズデータに加えて、ハイチャートの縦棒グラフのマウスオーバーでカスタムデータを表示するにはどうすればよいですか?

分類Dev

ハイチャートの列内のデータにパーセント記号を追加するにはどうすればよいですか?

分類Dev

ハイチャート:円グラフのコネクタの先端に矢印を追加するにはどうすればよいですか?

分類Dev

ハイチャートのシリーズのborderColorを動的に変更するにはどうすればよいですか?

分類Dev

JavaFX:面グラフに動的にサーバーシリーズを追加し、チャートから線(シリーズ)を削除するにはどうすればよいですか?

分類Dev

2つの異なるタイプのシリーズをC#チャートに追加するにはどうすればよいですか?

分類Dev

ランチャーアイコンをカスタマイズして、ユーザーになる予定のホームディレクトリにいくつかのファイルを追加するにはどうすればよいですか?

分類Dev

ハイチャートグラフに月次データを表示するにはどうすればよいですか?

分類Dev

ハイチャートの積み上げ棒グラフの内側にテキストを表示するにはどうすればよいですか

分類Dev

jsonデータをハイチャート円グラフとして使用するにはどうすればよいですか?

分類Dev

json配列名シリーズ名、配列データ-ハイチャートのシリーズデータを作成するにはどうすればよいですか?

分類Dev

Googleタイムラインチャートを動的にデータに追加するにはどうすればよいですか?

分類Dev

SSRSチャートグループシリーズ-セカンダリシリーズグループを最初のデータポイントから開始するにはどうすればよいですか?

分類Dev

データの追加時に WinForms チャートのサイズが変更されないようにするにはどうすればよいですか?

分類Dev

マウスオーバーでハイチャートグラフポイントの値を取得するにはどうすればよいですか?

分類Dev

ハイチャート:シリーズを再描画ズーム計算から除外するにはどうすればよいですか?

分類Dev

sqlite(PDO)データベースデータをハイチャートコードにリンクするにはどうすればよいですか?

分類Dev

動的にインポートするチャンク名にハッシュを追加するにはどうすればよいですか?

分類Dev

ハイストック-ラインチャートまたはエリアチャートのツールチップにオープン、ハイ、ロー、クローズを表示するにはどうすればよいですか?

分類Dev

ハイチャートで、「棒」グラフタイプでy軸を反転するにはどうすればよいですか?

分類Dev

グーグルチャートのツールチップ内に小数点とラックを追加するにはどうすればよいですか?

分類Dev

ハイチャート:アニメーションでシリーズを並べ替えるにはどうすればよいですか?

分類Dev

ハイチャートでドーナツグラフの色を変更するにはどうすればよいですか?

分類Dev

ハイチャートチャートにボックスシャドウを追加するにはどうすればよいですか?

分類Dev

スケールの異なる2つのシリーズのデータでグラフを作成するにはどうすればよいですか?

分類Dev

ハイチャートのソリッドゲージにシャドウ効果とグラデーション効果を配置するにはどうすればよいですか?

分類Dev

ハイチャーターに整頓されたデータフレームのcolorIndex番号を使用させるにはどうすればよいですか

分類Dev

グーグルチャートを使用してバタフライ(発散)チャートを作成するにはどうすればよいですか?

Related 関連記事

  1. 1

    ハイチャート:動的データをドリルダウン円グラフに設定するにはどうすればよいですか?

  2. 2

    シリーズデータに加えて、ハイチャートの縦棒グラフのマウスオーバーでカスタムデータを表示するにはどうすればよいですか?

  3. 3

    ハイチャートの列内のデータにパーセント記号を追加するにはどうすればよいですか?

  4. 4

    ハイチャート:円グラフのコネクタの先端に矢印を追加するにはどうすればよいですか?

  5. 5

    ハイチャートのシリーズのborderColorを動的に変更するにはどうすればよいですか?

  6. 6

    JavaFX:面グラフに動的にサーバーシリーズを追加し、チャートから線(シリーズ)を削除するにはどうすればよいですか?

  7. 7

    2つの異なるタイプのシリーズをC#チャートに追加するにはどうすればよいですか?

  8. 8

    ランチャーアイコンをカスタマイズして、ユーザーになる予定のホームディレクトリにいくつかのファイルを追加するにはどうすればよいですか?

  9. 9

    ハイチャートグラフに月次データを表示するにはどうすればよいですか?

  10. 10

    ハイチャートの積み上げ棒グラフの内側にテキストを表示するにはどうすればよいですか

  11. 11

    jsonデータをハイチャート円グラフとして使用するにはどうすればよいですか?

  12. 12

    json配列名シリーズ名、配列データ-ハイチャートのシリーズデータを作成するにはどうすればよいですか?

  13. 13

    Googleタイムラインチャートを動的にデータに追加するにはどうすればよいですか?

  14. 14

    SSRSチャートグループシリーズ-セカンダリシリーズグループを最初のデータポイントから開始するにはどうすればよいですか?

  15. 15

    データの追加時に WinForms チャートのサイズが変更されないようにするにはどうすればよいですか?

  16. 16

    マウスオーバーでハイチャートグラフポイントの値を取得するにはどうすればよいですか?

  17. 17

    ハイチャート:シリーズを再描画ズーム計算から除外するにはどうすればよいですか?

  18. 18

    sqlite(PDO)データベースデータをハイチャートコードにリンクするにはどうすればよいですか?

  19. 19

    動的にインポートするチャンク名にハッシュを追加するにはどうすればよいですか?

  20. 20

    ハイストック-ラインチャートまたはエリアチャートのツールチップにオープン、ハイ、ロー、クローズを表示するにはどうすればよいですか?

  21. 21

    ハイチャートで、「棒」グラフタイプでy軸を反転するにはどうすればよいですか?

  22. 22

    グーグルチャートのツールチップ内に小数点とラックを追加するにはどうすればよいですか?

  23. 23

    ハイチャート:アニメーションでシリーズを並べ替えるにはどうすればよいですか?

  24. 24

    ハイチャートでドーナツグラフの色を変更するにはどうすればよいですか?

  25. 25

    ハイチャートチャートにボックスシャドウを追加するにはどうすればよいですか?

  26. 26

    スケールの異なる2つのシリーズのデータでグラフを作成するにはどうすればよいですか?

  27. 27

    ハイチャートのソリッドゲージにシャドウ効果とグラデーション効果を配置するにはどうすればよいですか?

  28. 28

    ハイチャーターに整頓されたデータフレームのcolorIndex番号を使用させるにはどうすればよいですか

  29. 29

    グーグルチャートを使用してバタフライ(発散)チャートを作成するにはどうすればよいですか?

ホットタグ

アーカイブ