Hi,
I have a dual axes multi series line chart working almost 100% my problem is the Y Axes titles are not displaying. Can anyone hep. Here is my code
// Load Charts and the corechart package.
google.charts.load('current', {'packages':['table', 'corechart', 'line']});
//Do Debt Load Line Graph
google.charts.setOnLoadCallback(draw_Debt_Load_Chart)
// Debt Load Chart
function draw_Debt_Load_Chart() {
var Debt_Load_Chart_data = new google.visualization.DataTable();
Debt_Load_Chart_data.addColumn('string', 'Day');
Debt_Load_Chart_data.addColumn('number', 'Debts This Month');
Debt_Load_Chart_data.addColumn('number', 'Debts This Month Last Year');
Debt_Load_Chart_data.addColumn('number', 'Clients This Month');
Debt_Load_Chart_data.addColumn('number', 'Clients This Month Last Year');
Debt_Load_Chart_data.addColumn('number', 'Value Loaded This Month');
Debt_Load_Chart_data.addColumn('number', 'Value Loaded This Month Last Year');
Debt_Load_Chart_data.addRows([
['01/07',5,6,4,5,7483,124262],
['02/07',9,11,7,10,84939,172525],
['03/07',9,16,7,13,84939,197849],
['04/07',9,16,7,13,84939,197849],
['05/07',12,16,10,13,97826,197849],
['06/07',15,19,12,16,100796,203467],
['07/07',20,35,16,28,121555,287887],
['08/07',27,39,23,31,145583,307183],
['09/07',33,44,27,36,174287,334919],
['10/07',33,55,27,42,174287,360722],
['11/07',33,55,27,42,174287,360722],
['12/07',41,55,34,42,198884,360722],
['13/07',56,66,47,50,486547,385170],
['14/07',66,79,56,56,535544,471854],
['15/07',74,82,62,59,558845,476676],
['16/07',87,92,68,65,600212,1288508],
['17/07',87,103,68,73,600212,1320347],
['18/07',88,103,69,73,603646,1320347],
['19/07',100,103,77,73,672120,1320347],
['20/07',100,108,77,78,672120,1357803],
['21/07',null,112,null,81,null,1370514],
['22/07',null,124,null,91,null,1447544],
['23/07',null,136,null,98,null,1488082],
['24/07',null,140,null,101,null,1553539],
['25/07',null,142,null,102,null,1556666],
['26/07',null,142,null,102,null,1556666],
['27/07',null,145,null,105,null,1566126],
['28/07',null,160,null,113,null,1629722],
['29/07',null,173,null,116,null,1691903],
['30/07',null,177,null,120,null,1751113],
['31/07',null,181,null,121,null,1763487]
]);
var Debt_Load_Chart_options = {
chart: {
title: ''
},
titleTextStyle: {color: 'black', fontName: 'Arial', bold: true, fontSize: 12},
series: {
0: {axis: 'Number'},
1: {axis: 'Number'},
2: {axis: 'Number'},
3: {axis: 'Number'},
4: {axis: 'Dollars'},
5: {axis: 'Dollars'}
},
axes: {
// Adds labels to each axis; they don't have to match the axis names.
vAxes: {
Number: {label: 'Number Loaded'},
Dollars: {label: 'Value Loaded'}
}
},
hAxis: {title: 'Date'}
};
var Debt_Load_Chart = new google.charts.Line(document.getElementById('Debt_Load_linechart'));
Debt_Load_Chart.draw(Debt_Load_Chart_data, google.charts.Line.convertOptions(Debt_Load_Chart_options));
}