标记线不起作用，而标记圆起作用

Question

我想为一个字段画一个折线图 raw_value 我有这段代码 :

{
  $schema: https://vega.github.io/schema/vega-lite/v4.json
  data: {
    url: {
      %context%: true
      %timefield%: @timestamp
      index: filebeat-*
      body: {
        size: 10000
        _source: ["@timestamp","raw_value"]
      }
    }
    format: {property: "hits.hits"}
  }
  transform: [
    {calculate: "toDate(datum._source['@timestamp'])", as: "time"}
  ]

  mark: circle
  encoding: {
    x: {field: "time", type: "temporal"}
    y: {field: "_source.raw_value", type: "quantitative"}
  }
}

效果很好，我看到每对夫妇都有圆圈（time，raw_value），但如果我想画一条线来依赖点，我将 circle 替换为line，图表上没有任何内容。

Answer 1

线条仅在相邻的非空点之间绘制，因此您所描述的通常意味着您的数据中有空 y 值。您可以通过在绘制线条之前过滤掉未定义的数据来解决此问题：

  transform: [
    {calculate: "toDate(datum._source['@timestamp'])", as: "time"},
    {filter: "isDefined(datum._source.raw_value)"}
  ]

标记线不起作用，而标记圆起作用

mark line doesn't work whereas mark circle works

vega-lite