CODEWITHSUNDEEP
vue.jsamchartsfoalts
C. Hediger
C. Hediger

Reputation: 482

Using amCharts together with vue.js for a dynamic list with v-for

I am actually building a SPA with foalts.org. I have placed my script.js inside the public folder. Unfortunately, this doesn't allow me to use typescript for my vue-js. Maybe someone has an idea for this, cause actually the public folder got served from foalTS framework. But this is actually not the main topic.

The maintopic is, that i want to list several divs with

<div class="row-position" v-for="order in orders" :key="order.latestPrice">
  <div id="myAMchart></div>
</div>

Now I would like to be able to place an amChart (https://www.amcharts.com/) for each div. And I want that these charts follow the value of order.latestPrice. But I actually have no idea how to set up this with amCharts and vue.js

Im open to any ideas.

I was able to update one single chart but with a fixed id of the div. I don't know how to connect the many different (dynamicaly generated) charts to the order.latestPrice field.

Thanks!

Upvotes: 1

Views: 446

Answers (0)

Related Questions