【问题标题】:javascript variable not works in Highchartjavascript变量在Highchart中不起作用
【发布时间】:2014-06-13 10:36:29
【问题描述】:
  chart3 = new Highcharts.Chart({
                chart: {
                    renderTo: 'container3',
                    type: 'column'
                },
                title: {
                    text: 'Cumplimiento de los Programas del PMA-Contratistas'
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    categories: [
                        'Nº Charlas ambientales',
                        'Nº personal capacitado'

                    ]
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: '%'
                    }
                },
                legend: {
                    layout: 'vertical',
                    backgroundColor: '#FFFFFF',
                    align: 'left',
                    verticalAlign: 'top',
                    x: 100,
                    y: 70,
                    floating: true,
                    shadow: true
                },
                tooltip: {
                    formatter: function() {
                        return ''+
                            this.x +': '+ this.y +' mm';
                    }
                },
                plotOptions: {
                    column: {
                        pointPadding: 0.2,
                        borderWidth: 0
                    }
                },
                series: [{name: 'Semana',data: [12   , 321]  }, {name: 'Acum',data: [85, 65]}]
            });

这是我的 Highchart 代码

当我使用 javascript 变量时

喜欢这个

  g311 = $("#g311").val();
        g312 = $("#g312").val();
        g321 = $("#g321").val();
        g322 = $("#g322").val();

并按顺序传递

   series: [{name: 'Semana',data: [g311, g312]  }, {name: 'Acum',data: [g321, g322]}]

它没有显示图表请给我一些方法来传递 jquery 变量系列(不是静态或 PHP 变量)

【问题讨论】:

  • 你能澄清你的问题吗?只要你在你的new Highcharts.Chart之前 做你的g311 = ... 行,并且只要你所指的元素在你做g311 = $("#g311") 和类似的时候存在,并且如果这些是带有值的输入,它应该可以工作。

标签: javascript jquery json serialization highcharts


【解决方案1】:

在我看来,您需要先将它们转换为数字因为输入元素的值是字符串

g311 = +$("#g311").val();
g312 = +$("#g312").val();
g321 = +$("#g321").val();
g322 = +$("#g322").val();

并且您需要在图表上方声明这些

前缀+ 将字符串转换为数字。

【讨论】:

  • 谢谢@jai .....你真的理解我的问题,好像你遇到过这个问题:D 祝福你,谢谢
  • 你也可以使用 parseFloat() 函数。
猜你喜欢
  • 1970-01-01
  • 2014-09-23
  • 1970-01-01
  • 1970-01-01
  • 2013-10-12
  • 2018-12-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多