0

私はhtml要素に基づいてダミーのチャートを作成しています。ここのハイチャートに示されている例を参照しています: http://www.highcharts.com/demo/column-parsed

そのため、必要に応じて少し変更しました。ここにコード

$(function () {
    $(document).ready(function()
    {
        Highcharts.visualize = function(table, options) {               
            options.xAxis.categories = [];  // the categories           
            options.series           = [];  // the data series
            var candidateArray = [
                'Nuh',
                'Saleh',
                'Ibrahim',
                'Musa',
                'Ishak',
                'Harun',
                'Ilyas Ishak',
                'Zulkifli',
                'Idris',
                'Isa',
                'Muhammad'
            ];

            $('tbody tr', table).each( function(i) {
                var randomNumber = Math.floor(Math.random() * candidateArray.length);
                //options.xAxis.categories.push(candidateArray[randomNumber]);
                options.series[i] = {
                    name: candidateArray[randomNumber],
                    //name: 'Candidate Name',
                    type: 'column',
                    data: [{
                            x: candidateArray[randomNumber], 
                            y: Math.floor((Math.random()*10)+1)
                          }]
                };
                console.log(options.series[i]);
            });
            var chart = new Highcharts.Chart(options);
        }
            var table = document.getElementById('datatable'),
                options = {
                    chart: {
                        renderTo: 'chart',
                        backgroundColor: '#FBFBFB'
                    },
                    title: {
                        text: 'Top ' + $("#html5shim-2-out").html() + ' Best Candidate'
                    },
                    xAxis: {

                    },
                    yAxis: {
                        title: {
                            text: 'No. of PT'
                        }
                    },
                    plotOptions: {
                                series: {
                                    borderRadius: 5        
                                }
                            },
                    tooltip: {
                        formatter: function() {
                            return '<b>'+ this.series.name +'</b><br/>'+
                                this.y +' '+ this.x.toLowerCase();
                        }
                    }
                };

            Highcharts.visualize(table, options);
    });
});

ページのロード後にグラフが生成されず、最新の highchart ライブラリと jQuery JavaScript ライブラリ v1.6.1 を使用しているため

返信を希望する人に事前に感謝します

4

1 に答える 1

0

あなたがやろうとしていることをもう少し説明していただけますか？dataArray から読み取っていないように見えるのに、まだ dataArray を読み取って渡しているのはなぜですか? それを反復しているように見えますが、独自の値を入力しています。テーブルの値を変更したい場合は、関数自体ではなく、JSFiddle の HTML セクションで値を変更する必要があります。

于 2012-05-30T19:57:44.647 に答える