highcharts 动态设置series

最新推荐文章于 2019-01-09 17:19:30 发布

拽风追梦

最新推荐文章于 2019-01-09 17:19:30 发布

阅读量3k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_34815027/article/details/78247567

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

$.ajax({
    url: ctx + "/projectReport/report3",
    type: 'post',
    dataType: "json",
    async: false,
    cache: false,
    success: function (odata3) {
        if (odata3.result == 1) {
            var series=[];
            var projectNames=odata3.projectNames;
            var countRecordproject=odata3.countRecordproject;
            for(var i=0;i<projectNames.length;i++){
                series.push({"name":projectNames[i],"data":eval("["+countRecordproject[i]+"]")});
            }
            $('#container3').highcharts({
                title: {
                    text: '公司未结款项目收款统计图',
                    x: -20 //center
                },
                subtitle: {
                    x: -20
                },
                chart: {
                    type: 'line',
                    width: 800,
                    height: 460
                },
                credits: {
                    enabled: false
                },//去除水印
                xAxis: {
                    title: {
                        text: '日期(年/月/日)'
                    },
                    categories: odata3.showXdate.split(","),
                    crosshair: true
                },
                yAxis: {
                    title: {
                        text: '金额（元）'
                    }
                },
                //绑定鼠标放上后显示的字段
                tooltip: {
                    pointFormat: '{series.name}: {point.percentage:.1f}%'
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'middle',
                    borderWidth: 0
                },
                plotOptions: {
                    line: {
                        connectNulls:true,//该设置会连接空值点
                        // gapSize:1,//缺失点小于gapSize则连接
                        dataLabels: {
                            enabled: true
                        },
                        enableMouseTracking: false
                    }
                },
                series:series
            });
        }
    }
});