cfchartseries does not match current parent item cfchart error

Question

<cfchart format="png"  
        backgroundcolor="white" 
        title="My Chart" 
        showxgridlines="false" 
        showygridlines="false" 
        chartwidth="380"
        chartheight="250"
        yaxistitle="(value1)"
        showborder="true"
        gridlines="5"
        showmarkers="no"
        style="../jscript/ApstatBar_vac.js"     
        >
        <cfchartseries serieslabel="title1" type="bar" datalabelstyle="value" seriescolor="##B4B2B2">
            <cfloop index="counter1" from=1 to="#arraylen(xleavles_grph)#" step="1">
                <cfchartdata item="#xleavles_grph[counter1]#" value="#ser1Values_grph[counter1]#" >
            </cfloop>
        </cfchartseries>
        <cfchartseries serieslabel="title2" type="line" datalabelstyle="value" seriescolor="blue">
            <cfloop index="counter1" from=1 to="#arraylen(xleavles_grph)#" step="1">
                <cfchartdata item="" value="#ser2Values_grph[counter1]#" >
            </cfloop>
        </cfchartseries>

I am getting the error:

cfchartseries does not match current parent item cfchart

and thereby the chart is not shown when the page is rendered.

Some help would be really appreciated.