我使用谷歌图表显示了饼图。但是工具提示有对齐问题。我已经找到了解决方案,但我无法得到任何解决方案。这是我的代码
function drawChart() {
var dt = new google.visualization.DataTable();
dt.addColumn('date', 'Test Date');
dt.addColumn('number', 'Total Correct');
dt.addRows([
<?php $val_counter = 1;
foreach($vals as $row):?>
[new Date(<?=date('Y', strtotime($row->date_administered))?>, <?=date('n', strtotime($row->date_administered))-1?>, <?=date('j', strtotime($row->date_administered))?>), <?=$row->total_score?>]<?if($val_counter < count($vals)):?>,<?endif;?>
<?php $val_counter++;
endforeach; ?>
]);
var dv = new google.visualization.DataView(dt);
dv.setColumns([{calc: function(data, row) { return data.getFormattedValue(row, 0); }, type:'string'}, 1]);
var options = {
title: '<?=$chartData['val_title']?>',
pointSize: 8,
interpolateNulls: true,
chartArea: { width: 300 },
legend: { position: 'bottom'},
hAxis: {
viewWindow: {
min: new Date(<?=$start_date[0]?>, <?=$start_date[1]-1?>, <?=$start_date[2]?>),
max: new Date(<?=$end_date[0]?>, <?=$end_date[1]-1?>, <?=$end_date[2]?>)
},
//format:'M/d/y',
slantedText: false,
maxAlternation: 1
},
vAxis: {
viewWindow: {
min: <?=$chartData['val_vert_axis_min_range']?>,
max: <?=$chartData['val_vert_axis_max_range']?>
}
},
series: [
{color: '#CC9933'}
]
};
var chart = new google.visualization.LineChart(document.getElementById('draw_chart'));
chart.draw(dv, options);
}
这是我面临的问题
答案 0 :(得分:0)
对不起它只是我的错误,一个简单的选项解决了这个问题。我添加了
tooltip: { isHtml: true },
选项变量中的。现在它显示了没有对齐问题的工具提示