Google Chart Tooltip对齐问题

时间:2014-06-30 13:11:00

标签: jquery charts tooltip google-visualization

我使用谷歌图表显示了饼图。但是工具提示有对齐问题。我已经找到了解决方案,但我无法得到任何解决方案。这是我的代码

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);
      }

这是我面临的问题

enter image description here

1 个答案:

答案 0 :(得分:0)

对不起它只是我的错误,一个简单的选项解决了这个问题。我添加了

tooltip: { isHtml: true },
选项变量中的

。现在它显示了没有对齐问题的工具提示