Multiple charts on same QML page

[filipdns]

Hi, I need to display multiple charts on QML page like picture below

Data is from sqlite table and I want to have code using repeater or like it because I will have 10 to 20 charts to display.

Do you know how can I do that?

Kind rgards

Philippe

[filipdns]

@filipdns
Hello, I'm trying what I need with the code below:
function numberGraph()
{
var count= StringList.mecanoList().length
for(var i=0;i<count;i++)
{
var trigramme=StringList.mecanoList()[i]
console.log(trigramme)
modelId.append({'mColor': 'blue','names':trigramme})
}
}

ListModel {
    id: modelId
}
BarCategoryAxis {id:categoryaxis; categories: ["2007", "2008", "2009", "2010", "2011","2012"] }
Rectangle {
    id: rectId
    color: "transparent"
    anchors.fill: parent
    
    GridView {
        id: mGridViewId
        //anchors.fill: parent
        width: parent.width;
        height: parent.height
        cellWidth: parent.width;
        cellHeight: 300
        model: modelId
        delegate: Rectangle {
            width: mGridViewId.cellWidth;
            height: mGridViewId.cellHeight
            color: mColor
            
            ChartView {
                width: parent.width;
                height: parent.height
                title:names
                StackedBarSeries {
                    
                    axisX:categoryaxis                        
                    BarSet {id:free; label: "Free";values:[1,2,1,3]}
                    BarSet {id:duty; label: "Duty";values:[1,2,5,0]}
                    BarSet {id:off; label: "OFF";values:[5,3,1,4];color:"red"}
                }
                
            }
        }
    }
}

StackedBarSeries Charts are build fine but when I'm trying to scroll down, the application crash when I'm passing the seventh charts without any information on the reason, only the console message:

"Can not find series on the chart."
Trying to set axisX to null.

Could you help me please?

Kind regards