Comment dessiner un deux de l'axe y de la ligne graphique dans google charts

Je suis assignée à créer un google chart où, je dois mettre en place une double axe y de la ligne graphique. Bien que google a tutoriel uniquement pour l'axe y de graphiques. Comment puis-je mettre en place une double axe y de la ligne graphique à l'aide de google chart. Je suis à l'aide d'une requête ajax réponse à obtenir les données pertinentes! Si quelqu'un peut m'aider avec un bon tuto ou et un exemple de code, ce serait vraiment reconnaissant.

J'ai créé un exemple de graphe pour obtenir une idée de ce que je suis en train de faire.

Comment dessiner un deux de l'axe y de la ligne graphique dans google charts

Merci.

OriginalL'auteur Imesh Chandrasiri | 2013-05-20

  1. 7
    function drawVisualization() {
//Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['x', 'Data 1', 'Data 2', 'Data 3'],
['A',   1,       1,           0.5],
['B',   2,       0.5,         1],
['C',   4,       1,           0.5],
['D',   8,       0.5,         1],
['E',   7,       1,           0.5],
['F',   7,       0.5,         1],
['G',   8,       1,           0.5],
['H',   4,       0.5,         1],
['I',   2,       1,           0.5],
['J',   3.5,     0.5,         1],
['K',   3,       1,           0.5],
['L',   3.5,     0.5,         1],
['M',   1,       1,           0.5],
['N',   1,       0.5,         1]
]);
//Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {vAxes:[
{title: 'Title 1', titleTextStyle: {color: '#FF0000'}, maxValue: 10}, //Left axis
{title: 'Title 2', titleTextStyle: {color: '#FF0000'}, maxValue: 20} //Right axis
],series:[
{targetAxisIndex:1},
{targetAxisIndex:0}
],} );
}​
    votre exemple ne fonctionne pas jsfiddle.net/gvxz73n7

    OriginalL'auteur Imesh Chandrasiri