以变​​量-Highcharts的形式传递数据

时间:2013-02-07 06:17:22

标签: javascript jquery ruby-on-rails-3 jquery-plugins highcharts

我正在尝试在我的系统中实现高图表(pai chart),我试图从包含所需数据的精确数组方式的值的变量传递数据的值,alert(legend_with_values)如果我我正在警告这个变量它返回[['agent_total_members',24],['billing_failed',0],['members_inactive',0],['members_expired',0] ]我将这个值传递给数据字段,就像这样

 legend_with_values;
 alert(legend_with_values);
  

此警报返回[['agent_total_members',24],['billing_failed',0],['members_inactive',0],['members_expired',0]

  options.series = [{
    type: 'pie',
    name: 'Legend',
    data: legend_with_values
  }];
  new Highcharts.Chart(options);`

但是当我在数据中传递这个变量时,就会以这种方式传递。检查它将每个字符作为字符串e

的图像

如果我将警报值静态地放在数据中,它会正确地向我显示任何建议如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

我在这里编辑了您的示例:http://jsfiddle.net/3rkd8/并且所有内容都已正确生成。

var chart,
    legend_with_values = [['agent_total_members',24],['billing_failed',0],['members_inactive',0],['members_expired',0],['agent_total_members',45]];
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: {
            text: 'Browser market shares at a specific website, 2010'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage}%</b>',
            percentageDecimals: 1
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: legend_with_values
        }]
    });
});

如果您有不同的源代码并且问题仍然存在,您能否更新此示例?