儿时可乖了 2018-10-12 06:41 采纳率: 0%
浏览 7164

echarts横坐标日期自动递增,显示数据。

图片说明
图片说明
第二张图片是放大后的效果,现在需求是,把2018/08/27 20:30 到2018/08/28 0:30
之间缺失的时间也显示出来,数据间隔30分钟,数据库里面没有中间这段缺失数据,但是前端页面要做显示,该怎么做呢?求大神赐教!
前端部分代码:
$.post(url, {bianhao:bianhao,datatype:datatype,kstime:kstime,endtime:endtime}, function(data){
//alert(data['data'][0]['nDate']);
for(var i=0;i<data['data'].length;i++){

                    //alert(data['data'][i]['ndate']);
                    riqi.push(timestampToTime(data['data'][i]['nDate']));
                    shujv.push(data['data'][i]['data']);

            }

            maxvalue=shujv.max();
            minvalue=shujv.min();
            sumvalue=shujv.sum();
            pjss=(sumvalue/shujv.length).toFixed(2);

            $('.pjss').text(pjss);
            $('.zgss').text(maxvalue);
            $('.zdss').text(minvalue);
            //图表
            myChart = echarts.init(document.getElementById('tubiao'));  
            myChart.showLoading({
                    text :"图表数据正在努力加载..."
                });


            var option = {
                toolbox: {
                    left: 'center',
                    feature: {
                        dataZoom: {
                            yAxisIndex: 'none'
                        },
                        restore: {},
                        saveAsImage: {}
                    }
                },

                tooltip: {
                    trigger: 'axis'
                },
                dataZoom: [{
                    type: 'inside'
                }],

                xAxis: {
                    type: 'category',
                     data: riqi
                },
                yAxis : [
                    {
                        scale: true,
                        precision:1,
                        power:1,
                        type : 'value'
                    }
                ],

                series: [{
                     data: shujv,
                     type: 'line',
                     markPoint: {
                        data: [
                            {type: 'max', name: '最大值'},
                            {type: 'min', name: '最小值'}
                        ]
                    }
                }]
            };

            myChart.hideLoading();  
            myChart.setOption(option);

       })
  • 写回答

1条回答 默认 最新

  • Wey1992 2018-10-12 08:20
    关注

    你在后台数据返回那里把缺失的数据初始化好了填充不就ok,前端都不需要动

    评论

报告相同问题?

悬赏问题

  • ¥15 使用C#,asp.net读取Excel文件并保存到Oracle数据库
  • ¥15 C# datagridview 单元格显示进度及值
  • ¥15 thinkphp6配合social login单点登录问题
  • ¥15 HFSS 中的 H 场图与 MATLAB 中绘制的 B1 场 部分对应不上
  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 虚心请教几个问题,小生先有礼了
  • ¥30 截图中的mathematics程序转换成matlab