Как сделать р ie график в vue -вега? - PullRequest
Новая
       42

Как сделать р ie график в vue -вега?

0 голосов
/ 16 апреля 2020

Я пытаюсь отобразить p ie -art в vue -vega, ранее я также использовал тот же метод для линейных и гистограмм, и он работал, но для p ie -art я получаю сообщение об ошибке :

Ошибка в созданном хуке: «Ошибка: незарегистрированная составная метка ar c»

Вот мой код: 

 <div class='dashboard'>
  <vega-lite :spec="PieSpec"/>
 </div>
</template>
<script>
import Vue from 'vue/dist/vue'
import VueVega from 'vue-vega'
Vue.use(VueVega)
export default {
  data () {
    return {
    PieSpec:{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "A simple pie chart with embedded data.",
  "data": {
    "values": [
      {"category": 1, "value": 4},
      {"category": 2, "value": 6},
      {"category": 3, "value": 10},
      {"category": 4, "value": 3},
      {"category": 5, "value": 7},
      {"category": 6, "value": 8}
    ]
  },
  "mark": "arc",
  "encoding": {
    "theta": {"field": "value", "type": "quantitative"},
    "color": {"field": "category", "type": "nominal"}
  },
  "view": {"stroke": null}
}
  }
}
}
</script>
...