Google Rendering Interval

I have a chart similar to the one below using the Google visualization API. My problem is that there is too much empty space to the right of the place where the key for this chart is (where it says “low, medium, high”). How can I get rid of this gap?

alt text
(source: securitymonks.com )

+3
source share
2 answers

As a kind of work, I ended up just expanding the schedule and using overflow: hidden in the containing Div. If anyone knows if the API allows you to reduce the gap, please let me know.

+2
source

, . , .

var options2 = { width: 265, height: 200,
            chartArea: { left: 60, top: 20, width: "100%", height: "60%" }, 
            isStacked: true, allowHtml: true, 'legend': 'bottom', titleTextStyle: { color: 'green', fontFamily: 'Arial', fontSize: 16 }, legendTextStyle: { color: '#666666' },
            vAxis: { title: 'Liters', titleTextStyle: { color: 'blue', fontName: 'Arial', fontSize: 10 }, textStyle: { fontSize: 9} },
+6

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


All Articles