Линейная диаграмма в Google Analytics

Question

Привет, ребята, недавно узнали визуализацию Google и у меня проблемы. В настоящее время диаграмма, которая нарисована, немного меньше, чем я хочу. когда я пытаюсь установить width и height по параметрам, он дает мне желаемый размер, но за счет дат ниже перекрываются. Любые идеи о том, как я должен работать над этим?

Current size of chart | Desired size of chart

Ниже мой код:

var manWindowWidth = $(window).width()/1.25; // Gives me 1152 
var manWindowHeight = $(window).height()/1.25; // Gives me 668.8 

var options = { 
    title: 'Performance', 
    pointSize: 5, 
    //width: manWindowWidth, 
    //height: manWindowHeight, 
    hAxis: {title: 'Dates', titleTextStyle: {color: '#FF0000'}}, 
    vAxis: {title: 'Visits', titleTextStyle: {color: '#FF0000'}}, 
    tooltip: {trigger: 'hover'} 
}; 

Answer 1

Когда у меня была такая же проблема, я сделал текстовые метки раскосые (как в вашем меньшем графике). Попробуйте установить hAxis.slantedText к истинным и hAxis.slantedTextAngle около 40.

Пример кода:

var manWindowWidth = $(window).width()/1.25; // Gives me 1152 
var manWindowHeight = $(window).height()/1.25; // Gives me 668.8 

var options = { 
    title: 'Performance', 
    pointSize: 5, 
    width: manWindowWidth, 
    height: manWindowHeight, 
    hAxis: {title: 'Dates', titleTextStyle: {color: '#FF0000'}, slantedText: true, slantedTextAngle: 40}, 
    vAxis: {title: 'Visits', titleTextStyle: {color: '#FF0000'}}, 
    tooltip: {trigger: 'hover'} 
}; 

Edit: в первом графике, hAxis.showTextEvery автоматически устанавливается на 3. Также попытайтесь играть с этим значением.