1

最近、ハイチャートの縦棒グラフのドリルダウンに関する質問を投稿しました。ポイントオブジェクトのクリックイベントで、クリックされた列を見つけることができることがわかりました。コードに同じものを実装しましたが、コードでアラートが表示されません。私のコードの下に見つけてください。最初は私のチャートオプション変数です -

var columnoptions = {
                chart: {
                    renderTo: 'container',
                    type: 'column'
                },
                title: {
                    text: 'Column Chart'
                },
                xAxis: {
                    categories: []
                },
                yAxis: {
                    title: {
                        text: 'Exposure'
                    }
                },              
                plotOptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function() {
                            alert ('here');
                        }
                    }
                }
            }
        },
                series: []
            };

ループ内の以下のステートメントでシリーズを動的に埋めています-

columnoptions.xAxis.categories.push(categoryArray[index]);

             seriesOptions.data.push(valueArray[index]);

最後に、このようにチャートを表示します -

         chart = new Highcharts.Chart(columnoptions);

しかし、列のクリックでアラートが表示されません。IE でエラー JavaScript エラー メッセージが表示されます。私はIE8を使用しています。これで私を助けてください。静的データを使用した Highcharts の公式の例は正常に機能し、私はそれを見てきました。私のチャートは問題なく正しく表示されます。しかし、ドリルダウン機能を実装するためにクリックされた列を知る必要があります。助けてください。

---編集これが私がチャートを描くために使用している完全な機能です-

function displayColumnChart(){

         columnoptions.series = [];
         columnoptions.xAxis.categories = [];          



         var seriesOptions = {
                        name: 'Column Chart',
                        data: [],                       

                    };  

         /* category array contains x axis category values
            value array contains y axis numeric values */

         for(index = 0; index < categoryArray.length; index++){

             columnoptions.xAxis.categories.push(categoryArray[index]);

             seriesOptions.data.push(valueArray[index]);        

         }      

         columnoptions.series.push(seriesOptions);     

         chart = new Highcharts.Chart(columnoptions);
       }

XML ドキュメントからデータを読み取り、値とカテゴリの配列を作成しています。チャートは正常に表示されますが、ポイント クリックでアラートが表示されません。助けてください。ありがとう。:) コードの投稿が遅れて申し訳ありません。

4

1 に答える 1

0

ハイチャートの最新バージョンを追加しただけで、ポイントクリックが機能しています。ありがとう。

于 2012-08-15T11:06:36.587 に答える