是否可以将VBscript数组传递给高图系列数据?

时间:2016-06-01 20:46:00

标签: javascript jquery vbscript highcharts

是否可以将数组从Vbscript传递到HIghchart系列?

如何将数组数据1和数据2传递给高图系列? 目前它使用VBscript生成数组,我想将该数组传递给Highchart,但它似乎将notgettgin传递给highchart

以下是 vbScript 代码和高级代码

<script language="JavaScript" runat="server">

    var title = "Test";
    var data1 = [];
    var data2 = [];

    function addToDataSeries1(data){
        data1.push(data);
    }

    function addToDataSeries2(data){
        data2.push(data);
    }

    function testJSHello(){
        return "Hello from JS";
    }

//这会生成数组并完美地输出它们,问题是当你将它传递给高图时似乎没有传递任何东西。 //如果我用PHP做同样的事情或从JS随机生成的数据并传递给高图表它可以工作。 有人可以帮忙吗?

    function returnData2ElementsAsString(){

        var series = "";
        for(var x = 0; x < data2.length-1; x++){
            series = series + data2[x] + ", "
        }
        return series;
    }

</script>

HighChart

<script language="JavaScript">
             $(document).ready(function() {

             /*
                var data1=[null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640,
                    1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
                    27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
                    26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
                    24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
                    22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
                    10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104];

                 var data2 =  [null, null, null, null, null, null, null, null, null, null,
                    5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
                    4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
                    15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
                    33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
                    35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
                    21000, 20000, 19000, 18000, 18000, 17000, 16000];

                */

                var title =" Graph using random data ";            


                var mynumber=10;
                var data1 = [];
                for(var i=1; i<=mynumber; i++) {
                   data1.push(i.toString()*Math.floor((Math.random() * 10) + 1));
                }

                var data2 = [];
                for(var i=1; i<=mynumber; i++) {
                   data2.push(i.toString()*Math.floor((Math.random() * 10) + 1));
                }

                // PRINT data1
                /**    
                    for( var x=0;x <data1.length-1; x++) {
                        document.write("<br> x " +x+ " data1[]" +data1[x] + "");
                    }        
                 **/

      $('#container').highcharts({
            chart: {
                type: 'line'
            },
            title: {
                text: title
            },
            subtitle: {
                text: 'Source: <a href="http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf">' +
                    'thebulletin.metapress.com</a>'
            },
            xAxis: {
                allowDecimals: false,
                labels: {
                    formatter: function () {
                        return this.value; // clean, unformatted number for year
                    }
                }
            },
            yAxis: {
                title: {
                    text: 'Sample bank monitor graph test '
                },
                labels: {
                    formatter: function () {
                        return this.value / 1000 + 'k';
                    }
                }
            },
            tooltip: {
                pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
            },
            plotOptions: {
                area: {
                    pointStart: 1940,
                    marker: {
                        enabled: false,
                        symbol: 'circle',
                        radius: 2,
                        states: {
                            hover: {
                                enabled: true
                            }
                        }
                    }
                }
            },
            series: [{
                name: 'USA',
                data: data1
            }, {
                name: 'USSR/Russia',
                data: data2
            }]
        });
            });  

</script>   

0 个答案:

没有答案