jQWidgets Forums

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts

  • Grego
    Participant

    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 false

    This 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 O


    Grego
    Participant

    Hi ,
    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 G

    What 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 right

    So 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 O


    Grego
    Participant

    Hi ,
    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

Viewing 3 posts - 1 through 3 (of 3 total)