2011-11-13 12 views
5

मैं दो श्रृंखला डेटा के साथ एक बार चार्ट बनाने की कोशिश कर रहा हूं। मैं चाहता हूं कि एक श्रृंखला दायीं ओर खींची जाए, और बाईं ओर खींची जाने वाली एक श्रृंखला।Google चार्ट- बार चार्ट में बार के बदलते अभिविन्यास

यदि मैं ऑस्ट्रिया के लिए नकारात्मक मूल्य डालता हूं, तो यह उन मूल्यों को बाईं ओर उन्मुख बना देगा। क्या कोई तरीका है कि मेरे पास ऑस्ट्रिया के लिए बाईं ओर ओर उन्मुख ऑस्ट्रिया के लिए डेटा श्रृंखला हो सकती है, और बुल्गारिया के लिए डेटा श्रृंखला मूल्यों को नकारात्मक किए बिना सही दिशा की ओर इशारा करती है?

मैं गूगल के vizualization एपीआई से उदाहरणों में से एक के साथ खेल रहा था, और यहाँ है कि मैं क्या अप के साथ (यह http://code.google.com/apis/ajax/playground/?type=visualization#bar_chart में नीचे दिए गए कोड को चिपकाने के लिए शायद सबसे आसान है) आया है:

 function drawVisualization() { 
     // Create and populate the data table. 
     var data = new google.visualization.DataTable(); 
     var raw_data = [['Austria', -1336060, -1538156, -1576579, -1600652, -1968113, 1901067], 
         ['Bulgaria', 400361, 366849, 440514, 434552, 393032, 517206], 
         //['Denmark', 1001582, 1119450, 993360, 1004163, 979198, 916965], 
         //['Greece', 997974, 941795, 930593, 897127, 1080887, 1056036] 
         ]; 

     var years = [2003, 2004, 2005, 2006, 2007, 2008]; 

     data.addColumn('string', 'Year'); 
     for (var i = 0; i < raw_data.length; ++i) { 
     data.addColumn('number', raw_data[i][0]);  
     } 

     data.addRows(years.length); 

     for (var j = 0; j < years.length; ++j) {  
     data.setValue(j, 0, years[j].toString());  
     } 
     for (var i = 0; i < raw_data.length; ++i) { 
     for (var j = 1; j < raw_data[i].length; ++j) { 
      data.setValue(j-1, i+1, raw_data[i][j]);  
     } 
     } 

     // Create and draw the visualization. 
     new google.visualization.BarChart(document.getElementById('visualization')). 
      draw(data, 
       {title:"Yearly Coffee Consumption by Country", 
        width:600, height:400, 
        isStacked: 'true', 
        vAxis: {title: "Year"}, 
        hAxis: {title: "Cups"}} 
      ); 
     } 

धन्यवाद एक गुच्छा, मुझे पता है कि मैं कुछ भी स्पष्ट कर सकता हूं।

उत्तर

2

चार्ट के लिए दो अलग-अलग क्षैतिज अक्ष को परिभाषित करने के series विकल्प का उपयोग करें। चार्ट के दाईं ओर से मूल्यों को बढ़ाने के लिए विकल्प को दूसरी क्षैतिज धुरी पर -1 पर सेट करें।

series:{1:{targetAxisIndex:1}}, hAxes:{1:{direction:-1}}

संबंधित मुद्दे