食人间烟火 2017-05-09 09:23 采纳率: 0%
浏览 536

highcharts 折线图数据绑定问题

chart 代码

       var chart = new Highcharts.chart('container', {
            title: {
                text: XMMC,
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: []
            },
            yAxis: {
                title: {
                    text: '金额(万元)'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '万元'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: '缴存',
                data: []
                //[7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                //}, {
                //name: '使用',
                //data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
                //}, {
                //name: '余额',
                //data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
            }]
        });

x轴

        $.ajax({
            type: "post",
            url: "tjfx.ashx?action=GetCategories",
            cache: false,
            success: function (data) {
                var dataTemp = data;
                var arr = new Array();
                arr.push(dataTemp[0].Column1);
                arr.push(dataTemp[0].Column2);
                arr.push(dataTemp[0].Column3);
                arr.push(dataTemp[0].Column4);
                arr.push(dataTemp[0].Column5);
                arr.push(dataTemp[0].Column6);
                arr.push(dataTemp[0].Column7);
                arr.push(dataTemp[0].Column8);
                arr.push(dataTemp[0].Column9);
                arr.push(dataTemp[0].Column10);
                arr.push(dataTemp[0].Column11);
                arr.push(dataTemp[0].Column12);
                chart.xAxis[0].setCategories(arr);
            },
            error: function () {
                alert("请求超时,请重试!");
            }
        });

series

$.ajax({
type: "post",
url: "tjfx.ashx",
data: { "action": "GetChartData", "xmdah": XMDAH },
cache: false,
success: function (data) {
//alert(JSON.stringify(data));
dataTmp = "";
$.each(data, function (i, field) {
dataTmp += "[" + field.a + ", "
+ field.b + ", "
+ field.c + ", "
+ field.d + ", "
+ field.e + ", "
+ field.f + ", "
+ field.g + ", "
+ field.h + ", "
+ field.i + ", "
+ field.j + ", "
+ field.k + ", "
+ field.l + "]" + ",";
});
dataTmp = dataTmp.substring(0, dataTmp.length - 1);
alert(dataTmp);
chart.series[0].setData(dataTmp);
},
error: function () {
alert("请求超时,请重试!");
}
});

x轴和series 获取到的数据都木有问题

alert 出的series 数据也应该没问题
图片说明

但是显示出来x轴多了除年份之外的数据,series 也木有绑上。。。
图片说明
请问问大神们哪里错了?

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2022-10-30 07:59
    关注
    不知道你这个问题是否已经解决, 如果还没有解决的话:

    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

悬赏问题

  • ¥50 树莓派安卓APK系统签名
  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗