jQWidgets Forums
Forum Replies Created
-
Author
-
April 4, 2015 at 12:00 am in reply to: How to have different chart type per series in each series group How to have different chart type per series in each series group #69557
Hi Dimitar ,
Thnak-you I can see how this is done now.
To summaries
You create a seperate SeriesGroup per series
You set the min and max the same for each series to be displayed on the one axis
You set the first seriesgroup visible = true and all the other seriesgroups which are displayed on the axis as falseThis does the trick . Thanks
THe problem here is clicking on the first legend (Left SG1, Series A) item in your example makes the axis disappear yet legend item Left SG1, series C is still being charted.A suggestion would be to have an override type on each series so as to define the chart type . Like below
{
valueAxis: {
position: ‘right’,
},type: ‘line’,
series: [{
type:’area’,
dataField: ‘e’,
displayText: ‘Right SG5, Series E’
}]
}thanks for your help
Greg OApril 3, 2015 at 2:34 am in reply to: How to have different chart type per series in each series group How to have different chart type per series in each series group #69496Hi ,
Thanks. I think I didn’t form my question correctly before, sorry .I have create a chart in JSFIDDLE. Here is the link
http://jsfiddle.net/GregGecko/y67n196m/1/If you look at the legend you will see
Left SG1, Series A
Left SG1, series C
Left SG2 , Series B
Left SG3, Series D
Right SG4 Series F
Right SG4, Series H
Right SG5, Series E
Right SG6, Series GWhat I want is
Left SG1, Series A and Left SG1, series C on one axis together on the left
Left SG2 , Series B on a separate axis on the left
Left SG3, Series D on a separate axis on the left
Right SG4 Series F and Right SG4, Series H on one axis together on the right
Right SG5, Series E on a separate axis on the right
Right SG6, Series G on a separate axis on the rightSo the chart should have 3 axis on the left and 3 axis on the right
I basically want to be able to designate a series to any axis left and any chart type together on any axis.
Sorry for the confusion before. I hope you can help .
cheers
Greg OApril 2, 2015 at 1:30 am in reply to: How to have different chart type per series in each series group How to have different chart type per series in each series group #69449Hi ,
thanks for your link . But it’s not what I was after . If you look at the section below. You have a seriesgroup on the right (which is what I want) both using the same axis but I want tow different chart types (say area and line). This example is only giving me the same type on one axis.{
type: ‘spline’,
valueAxis:
{
title: { text: ‘Index Value’ },
position: ‘right’,
unitInterval: 20,
maxValue: 200,
gridLines: { visible: false },
labels: {
formatSettings:
{
decimalPlaces: 0
},
horizontalAlignment: ‘left’
}
},
series: [
{ dataField: ‘HPI’, displayText: ‘Real Home Price Index’ },
{ dataField: ‘BuildCost’, displayText: ‘Building Cost Index’ }
]
}My real usages is that I want to chart Total CPU % as a area chart and then application CPU % as a line both of these on one axis on the right. Then I want other performance counters like LogicalDisk queues or bytes on the left.
I don’t if this can be done without having an override type value on the series structure. If I take the above and change it to be how I think it could work it would be like this
{
type: ‘area’,
valueAxis:
{
title: { text: ‘Index Value’ },
position: ‘right’,
unitInterval: 20,
maxValue: 200,
gridLines: { visible: false },
labels: {
formatSettings:
{
decimalPlaces: 0
},
horizontalAlignment: ‘left’
}
},
series: [
{ dataField: ‘HPI’, displayText: ‘Real Home Price Index’ },
{ dataField: ‘BuildCost’, displayText: ‘Building Cost Index’, type: ‘line’ }
]
}So in my above sample I would have a seriesgroup which is defined as being on the right with a default chart type as area. In this seriesgroup I have two series which the first one is using the default type of area but the second series is overriding the type to line.
cheers
Greg -
AuthorPosts