2011-08-31 13 views

risposta

93

Mi ci è voluto un po ', per capirlo, ma Google Charts fa supporta il doppio asse Y (asse v). Voglio usare l'API Javascript e non l'interfaccia HTML.

Questo esempio può essere testato qui: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart

Sostituire tutto il codice con il codice che mostra come avere due diverse scale dell'asse Y:

function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'x'); 
    data.addColumn('number', 'Cats'); 
    data.addColumn('number', 'Blanket 1'); 
    data.addColumn('number', 'Blanket 2'); 
    data.addRow(["A", 1, 1, 0.5]); 
    data.addRow(["B", 2, 0.5, 1]); 
    data.addRow(["C", 4, 1, 0.5]); 
    data.addRow(["D", 8, 0.5, 1]); 
    data.addRow(["E", 7, 1, 0.5]); 
    data.addRow(["F", 7, 0.5, 1]); 
    data.addRow(["G", 8, 1, 0.5]); 
    data.addRow(["H", 4, 0.5, 1]); 
    data.addRow(["I", 2, 1, 0.5]); 
    data.addRow(["J", 3.5, 0.5, 1]); 
    data.addRow(["K", 3, 1, 0.5]); 
    data.addRow(["L", 3.5, 0.5, 1]); 
    data.addRow(["M", 1, 1, 0.5]); 
    data.addRow(["N", 1, 0.5, 1]); 


    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, {curveType: "function", width: 500, height: 400, 
    vAxes: {0: {logScale: false}, 
      1: {logScale: false, maxValue: 2}}, 
    series:{ 
     0:{targetAxisIndex:0}, 
     1:{targetAxisIndex:1}, 
     2:{targetAxisIndex:1}}} 
     ); 
} 

Aggiungendo maxValue: 2 al codice, e impostando le serie 1 & 2 su quell'asse, funzionano correttamente su un secondo asse.

+2

Si noti che l'esempio precedente non mostra due scale dell'asse Y diverse (nonostante lo dice) solo perché il secondo vAxis è impostato su maxValue: 10, se si impostano i due vAxes su valori maxValue diversi, verranno visualizzati due diversi bilancia. –

+0

@JamieKitson la risposta è ora. Qualcuno avrebbe dovuto modificarlo –

+0

Ho provato ma le mie modifiche sono state respinte. Iirc: -/ –

-3

L'ho fatto.

  1. clic sulla serie di dati
  2. Una piccola scatola apparirà con 2 quadratini con solo due lati grassetto ogni
  3. premi sul secondo

potrebbe fare poi.

+3

Puoi aggiungere un tuo esempio concreto per esplicitare la tua risposta? – m4rtin

Problemi correlati