I want to iterate an array in javascript inside vue.
I'm using a vertex graph. I want to iterate data[] based on the number of series (Y_Data_length).
I want to change the code
data() {
return {
Y_Data_length: null,
Options: {
xaxis: {
categories: [],
},
},
Series_1: [{
name: "",
data: [],
}],
Series_2: [{
name: "",
data: [],
},
{
name: "",
data: [],
}
],
Series_3: [{
name: "",
data: [],
},
{
name: "",
data: [],
},
{
name: "",
data: [],
}
],
};
},
Form it.
data() {
return {
Y_Data_length: null,
Options: {
xaxis: {
categories: [],
},
},
Series: [
{name:"", data: []}
],
};
},
For reference only, Y_Data_length is:
const A = this.chart[0].data this.Y_Data_length = Object.keys(A).length
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I'm not sure if I understand your question correctly, but if you want to get an array of
datafrom a specific series, you can use Vue "compute" to useY_Data_lengthas an array The index automatically gets the correct series.data. WheneverY_Data_lengthchanges,this.currentSeriesDatais also updated.export default { data () { return { Y_Data_length: null, Options: { xaxis: { categories: [], }, }, Series: [ { name:"series1", data: [] }, { name:"series2", data: [] }, { name:"series3", data: [] }, ], }; }, computed: { currentSeriesData() { const currentSeries = this.Series[this.Y_Data_length] if (currentSeries) { return currentSeries.data } return [] } } }