Feb 23, 2013, 5:33 PM
Punch graph with ext:chart
Hello,
I have a couple of issues with ext.net graphic capabilities.
Can we draw a punch chart like this using ext:chart and probably with ext:ScatterSeries?
https://examples2.ext.net/#/Draw/Basic/Punch_Chart/
ext:DrawComponent can ever draw Australia (; but I want to use capabilities like axes renderer etc. So I want to force ext:Chart if possible. With ext:chart, there is already ScatterSeries functionality but I could not discover if it has required capabilities. Basically the chart I want to draw is something like the below examples.
In ext:chart, If I understood well, series values should be one of the defined axes. Assume that we define a store like:
1) Changing the marker configuration (radius) depending on the NumItems value.
2) How to add also areas to the chart as a layout to indicate category regions. (as shown in the example image above).
Please let me know if there is a way to make this happen.
Thanks.
Edt:
Simple requirement:
Data represented as [{x1,y1,z1}{x2,y2,z2}{x3,y3,z3}].
I want to show z1, z2, z3 at coordinates (x1,y1),(x2,y2),(x3,y3).
Markers will be sized according to x*y value.
I have a couple of issues with ext.net graphic capabilities.
Can we draw a punch chart like this using ext:chart and probably with ext:ScatterSeries?
https://examples2.ext.net/#/Draw/Basic/Punch_Chart/
ext:DrawComponent can ever draw Australia (; but I want to use capabilities like axes renderer etc. So I want to force ext:Chart if possible. With ext:chart, there is already ScatterSeries functionality but I could not discover if it has required capabilities. Basically the chart I want to draw is something like the below examples.
In ext:chart, If I understood well, series values should be one of the defined axes. Assume that we define a store like:
<Store>
<ext:Store ID="Store1" runat="server">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="xCol" />
<ext:ModelField Name="yCol" />
<ext:ModelField Name="NumItems" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
What I can not do is, 1) Changing the marker configuration (radius) depending on the NumItems value.
2) How to add also areas to the chart as a layout to indicate category regions. (as shown in the example image above).
Please let me know if there is a way to make this happen.
Thanks.
Edt:
Simple requirement:
Data represented as [{x1,y1,z1}{x2,y2,z2}{x3,y3,z3}].
I want to show z1, z2, z3 at coordinates (x1,y1),(x2,y2),(x3,y3).
Markers will be sized according to x*y value.
Last edited by bayoglu; Feb 23, 2013 at 7:20 PM.