How to Add Chart.js Charts to a Vue 3 Project

Sdílet
Vložit
  • čas přidán 7. 09. 2024

Komentáře • 13

  • @LotusSoftPvtLtd
    @LotusSoftPvtLtd Před 2 lety

    Hello Yasmin, Thanks for this great effort. I've searched all over google but could not find any example for chart for vue 3 with chart.js and vue-chart-3 package. This helped me. I did it own my way in my project, but it gave good reference.

  • @nicolasvergara2875
    @nicolasvergara2875 Před 2 lety +1

    Great content!, your work helped me a lot, thank you.

    • @yzyusrina
      @yzyusrina  Před 2 lety

      Glad to hear that, Nicolas. You are welcome 🙂

  • @yzyusrina
    @yzyusrina  Před 2 lety +1

    For the line chart, it should be borderColor instead of backgroundColor. For one datasets it's okay, but if you have multiple lines, colored data point won't help differentiating which is which.

  • @sammydaily
    @sammydaily Před 2 lety

    Thank you! It helps a lot!

  • @choster9008
    @choster9008 Před rokem

    Te amo

  • @pyropony171
    @pyropony171 Před 2 lety

    thanks
    was helpful

  • @MahbuburRahman-uc7np
    @MahbuburRahman-uc7np Před 2 lety

    How do I access the onClick to work with a line chart? I want to know at which point the click was executed.
    I am using

  • @alecvincentbardiano3008
    @alecvincentbardiano3008 Před 2 lety +2

    how to implement if data is from an API?

    • @stt1632
      @stt1632 Před 2 lety +1

      Get data and put in dataset field of chartData prop. Compute lables of data items.
      By default Dataset takes "value" field of your data array

  • @MaulanaRamaIbrahim
    @MaulanaRamaIbrahim Před 2 lety

    thanks

  • @galihmramdan17
    @galihmramdan17 Před rokem

    Halo kak Yasmin, terima kasih videonya sangat membantu. Saya ingin bertanya terkait dengan chartData yang diambil dari response API. Apakah kak yasmin sudah pernah mencobanya?

  • @krishnawaghmode2120
    @krishnawaghmode2120 Před 2 lety

    NuxtJs vuex api tutorial