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
                ]
            }
        ]
    }
        );
    });
  • 相关阅读:
    selenium中PO模式(Page Object Model)小结
    Selenium webdriver中的xpath定位
    使用cookie实现自动化测试中的自动登录
    Cookie、Session实现“记住登录状态”的原理
    关于移动端文字无法垂直居中(或line-height不起作用)的问题的解决方案(网摘)
    nginx+thinkphp pathinfo模式配置
    ThinkPHP5 安装自定义模块
    腾讯云ubuntu memcached 安装
    腾讯云centos+nginx+nodejs proxy代理配置
    阿里云nginx+thinkphp环境运行会直接下载php文件的问题。
  • 原文地址:https://www.cnblogs.com/xtreme/p/7659937.html
Copyright © 2011-2022 走看看