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.
-
Author
-
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);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,
DimitarjQWidgets team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.