当前位置: 代码迷 >> .NET报表 >> highcharts的一个小疑点,求教
  详细解决方案

highcharts的一个小疑点,求教

热度:259   发布时间:2016-05-05 01:36:43.0
highcharts的一个小问题,,求教

$(function () { 
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'My first Highcharts chart'
        },
        xAxis: {
            categories: ['my', 'first', 'chart']
        },
        yAxis: {
            title: {
                text: 'something'
            }
        },
        series: [{
            name: 'Jane',
            data: [1, 0, 4]
        }, {
            name: 'John',
            data: [5, 7, 3]
        }]
    });
});

这样,运行时正确的,如果,我改为这样,为何就不正确??求指教

$(function () { 
    var cate = "'my', 'first', 'chart'";
            var data1 = "1, 0, 4";
            var data2 = "5, 7, 3";
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'My first Highcharts chart'
        },
        xAxis: {
            categories: [cate]
        },
        yAxis: {
            title: {
                text: 'something'
            }
        },
        series: [{
            name: 'Jane',
            data: [data1]
        }, {
            name: 'John',
            data: [data2]
        }]
    });
});





请哪位大神赐教下。。。
------解决思路----------------------
 var cate = "'my', 'first', 'chart'";
=》 var cate = ['my', 'first', 'chart']; 
  var data1 = "1, 0, 4";
 var data2 = "5, 7, 3";
=》
  var data1 = [1, 0, 4];
 var data2 = [5, 7, 3];
try 
要遵循人家的格式
------解决思路----------------------
data: [data1] , []放数据,不是放变量;

 <script type="text/javascript">      
        var cate=['my', 'first', 'chart'];
        var data1 = [1, 0, 4];
        var data2= [5, 7, 3];
$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: "container",
            type: "column"
         },
         title: {
             text: "My first Highcharts chart"
         },
         xAxis: {
             categories: cate
         },
         yAxis: {
            title: {
                text: "something"
            }
         },
         series: [{
            name: "Jane",
            data: data1
         }, {
            name: "John",
            data: data2
          }]
      });
   });
    </script>