I am using a jquery plugin called "jquery.gvChart-1.0.Transposed.js" which reads the data from table and prepare the data set for gvChart
Here is my code:
replacementTable.gvChart
(
{
chartType: 'ComboChart',
gvSettings: {
vAxis: { title:
'Production [MWh]', minValue: 0,
titleTextStyle: { fontName: 'Arial', fontSize: 19} },
hAxis: { title:
'Turbine', textStyle: { fontSize: 11 },
titleTextStyle: { fontName: 'Arial', fontSize: 19} },
width: width,
height: 520,
title:
productionChartTitle,
titlePosition: 'out',
legend: 'bottom',
legendTextStyle: {
fontSize: 11 },
series: [{type:
'bars'}, {type: 'line'}]
}
},
'Turbine',
new Array('Production [MWh]',
'Budget Production [MWh]')
);
replacementTable.gvChart
(
{
chartType: 'ColumnChart',
gvSettings: {
vAxis: { title:
'Capacity Factor [%]', minValue: 0,
textStyle: { fontSize: 11 }, titleTextStyle: { fontSize: 21} },
hAxis: { title:
'Turbine', textStyle: { fontSize: 11 },
titleTextStyle: { fontName: 'Times', fontStyle: "normal", fontSize:
21} },
width: width,
height: 520,
title:
capacityFactorChartTitle,
titlePosition: 'out',
legend: 'bottom',
legendTextStyle: {
fontSize: 11 }
}
},
'Turbine',
new Array('Capacity Factor [%]')
);
replacementTable.gvChart
(
{
chartType: 'ColumnChart',
gvSettings: {
vAxis: { title:
'Production Data Coverage [%]',
minValue: 0, textStyle: { fontSize: 11 }, titleTextStyle: { fontSize:
21} },
hAxis: { title:
'Turbine', textStyle: { fontSize: 11 },
titleTextStyle: { fontName: 'Times', fontStyle: "normal", fontSize:
21} },
width: width,
height: 520,
title:
dataCoverageChartTitle,
titlePosition: 'out',
legend: 'bottom',
legendTextStyle: {
fontSize: 11 }
}
},
'Turbine',
new Array('Production Data
Coverage [%]')
);
replacementTable.gvChart
(
{
chartType: 'ColumnChart',
gvSettings: {
vAxis: { title:
'Comparable Availability [%]', minValue:
0, textStyle: { fontSize: 11 }, titleTextStyle: { fontSize: 21} },
hAxis: { title:
'Turbine', textStyle: { fontSize: 11 },
titleTextStyle: { fontName: 'Times', fontStyle: "normal", fontSize:
21} },
width: width,
height: 520,
title:
comparableAvailabilityChartTitle,
titlePosition: 'out',
legend: 'bottom',
legendTextStyle: {
fontSize: 11 }
}
},
'Turbine',
new Array('Comparable
Availability [%]')
);
replacementTable.gvChart
(
{
chartType: 'ColumnChart',
gvSettings: {
vAxis: { title: 'Owner
Contractual Availability [%]',
minValue: 0, textStyle: { fontSize: 11 }, titleTextStyle: { fontSize:
21} },
hAxis: { title:
'Turbine', textStyle: { fontSize: 11 },
titleTextStyle: { fontName: 'Times', fontStyle: "normal", fontSize:
21} },
width: width,
height: 520,
title:
ownerContractualAvailabilityChartTitle,
titlePosition: 'out',
legend: 'bottom',
legendTextStyle: {
fontSize: 11 }
}
},
'Turbine',
new Array('Owner Contractual
Availability [%]')
);
replacementTable.gvChart
(
{
chartType: 'ComboChart',
gvSettings: {
vAxis: { title:
'Turbine Availability [%]', minValue: 0,
textStyle: { fontSize: 11 }, titleTextStyle: { fontSize: 21} },
hAxis: { title:
'Turbine', textStyle: { fontSize: 11 },
titleTextStyle: { fontName: 'Times', fontStyle: "normal", fontSize:
21} },
width: width,
height: 520,
title:
availabilityChartTitle,
titlePosition: 'out',
legend: 'bottom',
legendTextStyle: {
fontSize: 11 },
series: [{type:
'bars'}, {type: 'line'}, {type: 'bars'}]
}
},
'Turbine',
new Array('Owner Contractual
Availability [%]', 'Budget
Availability [%]', 'Comparable Availability [%]')
);
replacementTable is a jquery object pointing to the table. In the last
two graph, the legend's text is not displayed in XP IE8, I tried this
with Win7 IE8 machine and it worked when runing the site in localhost
and not in production/test server.
If you let me have you email, I will send you the image of the chart
to make it clearer what is shown in my site.
I hope this helps.
Regards
On May 10, 3:36 pm, asgallant <[email protected]> wrote:
> Can you share your source code? We can't help much without it.
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
