Angular NvD3图表:无法在IE11上显示包含大量数据的折线图?

时间:2019-11-22 04:05:08

标签: angular angular-nvd3

Angular NvD3显示在Chrome,FireFox,Edge上,具有巨大的数据(超过3000点)。 但是,在IE11上,有时可以显示,有时不能显示

{
 // works with $schema: https://vega.github.io/schema/vega-lite/v2.json
  $schema: https://vega.github.io/schema/vega/v4.json
  "title": "Event counts from all indexes"
  "data": {
    "url": {
      "%context%": true,
      "%timefield%": "date",

      "index": "access_log",
      "body": {
        "aggs": {
          "time_buckets": {
            "date_histogram": {
              "field": "date",
              "interval": "day",
              "extended_bounds": {
                "min": {"%timefilter%": "min"},
                "max": {"%timefilter%": "max"}
              },
              "min_doc_count": 0
            },
            "aggs": {
              "start_agg": {
                "filter": {
                  "term": {"request_2": "start"}
                }
              },
              "check_agg": {
                "filter": {
                  "term": {"request_2": "check"}
                }
              },
              "check_start": {
                "bucket_script": {
                  "buckets_path": {
                    "start_count": "start_agg._count",
                    "check_count": "check_agg._count"
                  },
                  "script": "params.start_count / params.check_count"
                }
              }
            }
          }
        },
        "size": 0
      }
    },
    "format": {
      "property": "aggregations.time_buckets.buckets"
    }
  },
  "mark": "line",
  "encoding": {
    "x": {
      "field": "key",
      "type": "temporal",
      "axis": {"title": false}
    },
    "y": {
      "field": "check_start.value",
      "type": "quantitative",
      "axis": {"title": "Document count"}
    },
    "tooltip":[
      {"field":"check_start.value", 
       "type" : "quantitative"},
      {"field":"key",
       "type" :"temporal"}
    ]
  }
}

0 个答案:

没有答案