Multiple graphics on the same page

[GoogleCodeExporter]

What steps will reproduce the problem?
Multiple graphics on the same page.

code;
<h:form>

          <jsflot:flotChart id="valueTimeChart"
            value="#{chartMbean.seriesss}"
            actionListener="#{chartMbean.chartActionListener}"
            chartDraggable="false"
            chartClickable="true"
            height="400"
            width="700"
            mode="series"
            chartType="line"
            showDataPoints="true"
            showTooltip="true"

            yaxisMinValue="0"
            yaxisMaxValue="16"
            xaxisMinValue="0"
            xaxisMaxValue="35"
             >

             </jsflot:flotChart>

        <jsflot:flotChart id="chart2"
            value="#{chartMbean.seriesss}"
            actionListener="#{chartMbean.chartActionListener}"
            chartDraggable="false"
            chartClickable="true"
            height="400"
            width="700"
            mode="series"
            chartType="line"
            showDataPoints="true"
            showTooltip="true"

            yaxisMinValue="0"
            yaxisMaxValue="16"
            xaxisMinValue="0"
            xaxisMaxValue="35"
             /> 
</h:form>

but ,it only show one .

Original issue reported on code.google.com by seconds...@qq.com on 5 Dec 2009 at 4:22

Attachments:

• flot.jpg

[GoogleCodeExporter]

I have the same problem.
I think this bug should have Major severity.

Original comment by hel...@gmail.com on 5 Dec 2009 at 8:35

[GoogleCodeExporter]

Is there any workaround known already? I would also like to show several (pie) 
charts
on one page.

Original comment by stephan....@gmail.com on 12 Feb 2010 at 8:38

[GoogleCodeExporter]

I am able to draw multiple charts in a facelets,JSF,RichFaces application just 
fine
using the following code:

[code]
<a4j:outputPanel id="chartOutputPanel" ajaxRendered="true">
        <jsflot:flotChart id="totalExecTimeChart"
            rendered="#{treeMenuMBean.showChart}"
            value="#{treeMenuMBean.totalExecXYData}"
            actionListener="#{treeMenuMBean.chartListener}"
            chartDraggable="#{!treeMenuMBean.showLiveData}" ajaxSingle="true"
            reRender="timePeriodPanel,callsPerIntervalTimeChart" width="600"
            height="200" showLines="true" fillLines="true" legendColor="#ffffcc"
            showDataPoints="true" legendPosition="nw" showTooltip="true"
            tooltipPosition="sw" tooltipFollowMouse="true" mode="Time"
            timeFormat="%d/%m/%y %h:%M:%S" title="Total Execution Time (ms)"
            subtitle="#{treeMenuMBean.avgExecTimeChartTitle}" 
            xaxisMinValue="#{treeMenuMBean.minXAxis}" xaxisMaxValue="#{treeMenuMBean.maxXAxis}"
            showXaxisLabels="true" xaxisLabelRotation="10" chartType="Series"
            showYaxisLabels="true" crosshair="xy" />

        <jsflot:flotChart id="avgExecTimeChart"
            rendered="#{treeMenuMBean.showChart}"
            value="#{treeMenuMBean.avgExecXYData}"
            actionListener="#{treeMenuMBean.chartListener}"
            chartDraggable="#{!treeMenuMBean.showLiveData}" ajaxSingle="true"
            reRender="timePeriodPanel,callsPerIntervalTimeChart" width="600"
            height="200" showLines="true" fillLines="true" legendColor="#ffffcc"
            showDataPoints="true" legendPosition="nw" showTooltip="true"
            tooltipPosition="sw" tooltipFollowMouse="true" mode="Time"
            timeFormat="%d/%m/%y %h:%M:%S" title="Average Execution Time (ms)"
            subtitle="#{treeMenuMBean.avgExecTimeChartTitle}"
            xaxisMinValue="#{treeMenuMBean.minXAxis}" xaxisMaxValue="#{treeMenuMBean.maxXAxis}"
            showXaxisLabels="true" xaxisLabelRotation="10" chartType="Series"
            showYaxisLabels="true" crosshair="xy" />

        <jsflot:flotChart id="callsPerIntervalTimeChart"
            rendered="#{treeMenuMBean.showCallsPerIntervalChart}"
            value="#{treeMenuMBean.callsPerIntervalData}"
            actionListener="#{treeMenuMBean.chartListener}"
            chartDraggable="#{!treeMenuMBean.showLiveData}" ajaxSingle="true"
            reRender="timePeriodPanel,avgExecTimeChart" width="600" height="200"
            showLines="true" fillLines="true" legendColor="#ffffcc"
            showDataPoints="true" legendPosition="nw" showTooltip="true"
            tooltipPosition="sw" tooltipFollowMouse="true" mode="Time"
            timeFormat="%d/%m/%y %h:%M:%S" title="Calls Per Interval"
            subtitle="#{treeMenuMBean.callsPerIntervalChartTitle}"
            xaxisMinValue="#{treeMenuMBean.minXAxis}" xaxisMaxValue="#{treeMenuMBean.maxXAxis}"
            showXaxisLabels="true" showYaxisLabels="true" xaxisLabelRotation="10"
            chartType="Series" crosshair="xy" />

        ...
    </a4j:outputPanel>
[/code]

Original comment by boem...@gmail.com on 1 Mar 2010 at 8:10

[GoogleCodeExporter]

Closing as I am unable to reproduce this error. 

Original comment by boem...@gmail.com on 8 Apr 2010 at 12:27

• Changed state: Invalid