zoukankan      html  css  js  c++  java
  • 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
                ]
            }
        ]
    }
        );
    });
  • 相关阅读:
    地图篇-02.地理编码
    地图篇-01.获取用户位置
    新手教程之使用Xib自定义UITableViewCell
    封装
    NSDate简单介绍
    OC知识点归纳
    Xcode的控制台调试命令
    [开发笔记]UIApplication介绍
    技术分享-开发利器block底层实现
    技术分享-开发利器block
  • 原文地址:https://www.cnblogs.com/xtreme/p/7659937.html
Copyright © 2011-2022 走看看