【问题标题】:Highchart waterfall with json result column issue带有json结果列问题的Highchart瀑布
【发布时间】:2014-10-30 19:58:23
【问题描述】:

我是使用 highchart 的新手,我做了一个 jquery 来在系列数据中显示 json 结果,但问题是我不能(或至少不知道如何)设置x轴0的最后一列

            success: function (datalist) {
                alert(JSON.stringify(datalist))
                //comienza el chart
                $('#container').highcharts({
                    chart: {
                        type: 'waterfall',
                        width: 1000,
                        height: 500

                    },

                    title: {
                        text: name
                    },

                    xAxis: {
                        type: 'category',
                        labels: {
                            rotation: -45,
                            style: {
                                fontSize: '16px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },

                    yAxis: {
                        title: {
                            text: ''
                        }
                    },

                    legend: {
                        maxHeight: 30,
                        enabled: false
                    },

                    tooltip: {
                        pointFormat: '<b>${point.y:,.2f}</b> USD'
                    },

                    series: [{
                        upColor: Highcharts.getOptions().colors[2],
                        color: Highcharts.getOptions().colors[3],
                        data: datalist.tablas,
                        dataLabels: {
                            enabled: true,
                            formatter: function () {
                                return Highcharts.numberFormat(this.y / 1000, ',') + 'k';
                            },
                            style: {
                                color: '#FFFFFF',
                                fontWeight: 'bold',
                                textShadow: '0px 0px 3px black'
                            }
                        },
                        pointPadding: 0
                    }]
                });

使用此代码,显示来自 json 的数据,但问题是最后一个应该像第一个一样位于 x 轴 0 并显示为增量,我发现有一种方法可以获得最后一列具有属性 isSum: true,但是当我已经将 serie 的数据填充为 json 结果时,我不知道如何添加更多列,希望您能帮助我更好地理解highchart,谢谢建议

【问题讨论】:

    标签: javascript jquery json highcharts waterfall


    【解决方案1】:

    我找到了解决方案,就像我说的那样,使用属性:issum:true,我只是在 json 数组中添加另一个对象,使用此行代码

     success: function (datalist) {
     datalist['tablas'].push({ "name": fyear, "isSum": "true" });
    

    我们得到了最后一列,其中包含先前值的总和,希望这对遇到相同问题的人有所帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-09-06
      • 2014-12-05
      • 1970-01-01
      • 2013-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-29
      相关资源
      最近更新 更多