• echart 3 数据密集时,断点不显示问题


    如上图最开始标识的两点是不显示的,配置处理代码如下(series中配置symbolSize: 1,showAllSymbol: true):

    myChart.showLoading();
    $.get('data/asset/data/confidence-band.json', function (data) {
        myChart.hideLoading();
    
        var base = -data.reduce(function (min, val) {
            return Math.floor(Math.min(min, val.l));
        }, Infinity);
        myChart.setOption(option =
            {
        "title": {
            "codedata": "ERAB.NbrSuccEstab/ERAB.NbrAttEstab",
            "x": "left",
            "y": -10,
            "subtextStyle": {
                "fontSize": 12,
                "color": "#CAC5D4"
            }
        },
        "tooltip": {
            "trigger": "axis"
        },
        "grid": {
            "top": "72px",
            "bottom": "32px"
        },
        "legend": {
            "data": [
                "32UE_OFFICE(192.168.3.111)"
            ]
        },
        "xAxis": [
            {
                "type": "category",
                "boundaryGap": true,
                "data": [
                    "2017-10-12 00:00:00",
                    "2017-10-12 00:15:00",
                    "2017-10-12 00:30:00",
                    "2017-10-12 00:45:00",
                    "2017-10-12 01:00:00",
                    "2017-10-12 01:15:00",
                    "2017-10-12 01:30:00",
                    "2017-10-12 01:45:00",
                    "2017-10-12 02:00:00",
                    "2017-10-12 02:15:00",
                    "2017-10-12 02:30:00",
                    "2017-10-12 02:45:00",
                    "2017-10-12 03:00:00",
                    "2017-10-12 03:15:00",
                    "2017-10-12 03:30:00",
                    "2017-10-12 03:45:00",
                    "2017-10-12 04:00:00",
                    "2017-10-12 04:15:00",
                    "2017-10-12 04:30:00",
                    "2017-10-12 04:45:00",
                    "2017-10-12 05:00:00",
                    "2017-10-12 05:15:00",
                    "2017-10-12 05:30:00",
                    "2017-10-12 05:45:00",
                    "2017-10-12 06:00:00",
                    "2017-10-12 06:15:00",
                    "2017-10-12 06:30:00",
                    "2017-10-12 06:45:00",
                    "2017-10-12 07:00:00",
                    "2017-10-12 07:15:00",
                    "2017-10-12 07:30:00",
                    "2017-10-12 07:45:00",
                    "2017-10-12 08:00:00",
                    "2017-10-12 08:15:00",
                    "2017-10-12 08:30:00",
                    "2017-10-12 08:45:00",
                    "2017-10-12 09:00:00",
                    "2017-10-12 09:15:00",
                    "2017-10-12 09:30:00",
                    "2017-10-12 09:45:00",
                    "2017-10-12 10:00:00",
                    "2017-10-12 10:15:00",
                    "2017-10-12 10:30:00",
                    "2017-10-12 10:45:00",
                    "2017-10-12 11:00:00",
                    "2017-10-12 11:15:00",
                    "2017-10-12 11:30:00",
                    "2017-10-12 11:45:00",
                    "2017-10-12 12:00:00",
                    "2017-10-12 12:15:00",
                    "2017-10-12 12:30:00",
                    "2017-10-12 12:45:00",
                    "2017-10-12 13:00:00",
                    "2017-10-12 13:15:00",
                    "2017-10-12 13:30:00",
                    "2017-10-12 13:45:00",
                    "2017-10-12 14:00:00",
                    "2017-10-12 14:15:00",
                    "2017-10-12 14:30:00",
                    "2017-10-12 14:45:00",
                    "2017-10-12 15:00:00",
                    "2017-10-12 15:15:00",
                    "2017-10-12 15:30:00",
                    "2017-10-12 15:45:00",
                    "2017-10-12 16:00:00",
                    "2017-10-12 16:15:00",
                    "2017-10-12 16:30:00",
                    "2017-10-12 16:45:00",
                    "2017-10-12 17:00:00",
                    "2017-10-12 17:15:00",
                    "2017-10-12 17:30:00",
                    "2017-10-12 17:45:00",
                    "2017-10-12 18:00:00",
                    "2017-10-12 18:15:00",
                    "2017-10-12 18:30:00",
                    "2017-10-12 18:45:00",
                    "2017-10-12 19:00:00",
                    "2017-10-12 19:15:00",
                    "2017-10-12 19:30:00",
                    "2017-10-12 19:45:00",
                    "2017-10-12 20:00:00",
                    "2017-10-12 20:15:00",
                    "2017-10-12 20:30:00",
                    "2017-10-12 20:45:00",
                    "2017-10-12 21:00:00",
                    "2017-10-12 21:15:00",
                    "2017-10-12 21:30:00",
                    "2017-10-12 21:45:00",
                    "2017-10-12 22:00:00",
                    "2017-10-12 22:15:00",
                    "2017-10-12 22:30:00",
                    "2017-10-12 22:45:00",
                    "2017-10-12 23:00:00",
                    "2017-10-12 23:15:00",
                    "2017-10-12 23:30:00",
                    "2017-10-12 23:45:00",
                    "2017-10-13 00:00:00"
                ],
                "splitLine": {
                    "show": false
                },
                "name": "Hour"
            }
        ],
        "yAxis": [
            {
                "name": "(%)",
                "type": "value",
                "axisLabel": {
                    "formatter": "{value}"
                },
                "min": 0
            }
        ],
        "series": [
            {
                "name": "32UE_OFFICE(192.168.3.111)",
                "type": "line",
                symbolSize: 1,
                showAllSymbol: true,
                "data": [
                    null,
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    90,
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    70,
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    100,
                    100,
                    100,
                    "",
                    "",
                    "",
                    "",
                    "",
                    "",
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null,
                    null
                ]
            }
        ]
    }
        );
    });
  • 相关阅读:
    LR: Voxel Map for Visual SLAM
    LR A Simplified Active Calibration Algorithm for Focal Length Estimation
    # LiteratureReview LeGO-LOAM
    Literature Review: Road is Enough
    vue使用SockJS实现webSocket通信
    flex布局常用样式
    vue 关于render渲染函数的使用
    vue单页面应用打开新窗口显示跳转页面的方法
    vuex项目框架
    动态form表单,数据编辑部分数据编辑输入视图不更新问题
  • 原文地址:https://www.cnblogs.com/xtreme/p/7659937.html
Copyright © 2020-2023  润新知