jQuery UI Widgets Forums Chart scatter chart with 2 value axis

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 10 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • scatter chart with 2 value axis #51439

    drmac62
    Participant

    I am evaluating some charting packages. I am looking to provide a dashboard of project health but I am having issue with the scatter chart.

    I am trying to have a scatter chart where the x axis is original cost estimate and the y axis is the actual cost. I want to them combine this with a line where actual coast = original cost estimate.
    This would allow manager to quickly identify project where the actual cost exceed the original estimate (above the line).

    As far I can tell there is no way to have a value axis on both x and y for a scatter chart. Notice that the x axis is provide a grid line for each unique cost.

    PS. I would also like to categories by department if anyone has advice as that.

    My code below:

    var settings = {
    title: “Project Costs”,
    description: “”,
    enableAnimations: true,
    showLegend: true,
    padding: { left: 5, top: 5, right: 5, bottom: 5 },
    titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
    categoryAxis:
    {
    dataField: ‘ProjectBaselineCost’,
    description: ‘Project Baseline Costs ($000)’,
    valueOnTicks: false,
    },
    colorScheme: ‘scheme04’,
    seriesGroups:
    [
    {
    type: ‘scatter’,
    valueAxis:
    {
    description: ‘Project Costs ($000)’,
    formatSettings: { prefix: ‘$’, thousandsSeparator: ‘,’ },
    },
    series: [
    { dataField: ‘ProjectCost’, radius: 5, color: ‘#1100EE’ },
    ]
    }
    ]
    };
    // setup the chart
    $(‘#jqxChartProjectCosts’).jqxChart(settings);

    Scatter Chart

    scatter chart with 2 value axis #51471

    Dimitar
    Participant

    Hello Dan MacDonald,

    I am not sure I understand your issue. It seems to me you have successfully implemented x-axis with the baseline costs and y-axis with the actual costs. Please clarify the issue you are experiencing.

    As for a line to go along the scatter series, please refer to the chart demos Column Series and Multiple Series Types to see how to implement more than one series in one chart.

    And could you clarify your categories query, too?

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.