带有json结果列问题的Highchart瀑布

Highchart waterfall with json result column issue

本文关键字：Highchart 瀑布 问题 json 结果 带有      更新时间：2023-09-26

我是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获得最后一列，但当我已经用json结果填充了序列的数据时，我不知道如何添加更多列，希望你能帮助我更好地理解高图的使用，感谢

的建议

我找到了解决方案，正如我所说，使用atribute:issum:true，我只是在json数组中添加了另一个对象，行代码为

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

这样，我们就得到了最后一列，其中包含以前值的总和，希望这能帮助任何有同样问题的人

相关文章：