Google Chart Axis Header

Is it possible to add an axis title to Google Charts (line chart) and not change label labels?

Tnx on adv!

+4
source share
1 answer

Yes, you can. Here's a slightly modified example from: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart

The trick is to get axis labels for the two vertical axes (they haven't figured out how to do this).

<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('visualization', '1', {packages: ['corechart']}); </script> <script type="text/javascript"> 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, vAxis: {maxValue: 10, title: "my Axis"}} ); } google.setOnLoadCallback(drawVisualization); </script> 
+4
source

Source: https://habr.com/ru/post/1383436/


All Articles