【问题标题】:Google Chart Tooltip allignment issue谷歌图表工具提示对齐问题
【发布时间】:2014-07-01 00:46:53
【问题描述】:

我使用谷歌图表显示了饼图。但是工具提示存在对齐问题。我一直在寻找解决方案,但我找不到任何解决方案。这是我的代码

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

这是我面临的问题

【问题讨论】:

    标签: jquery charts tooltip google-visualization


    【解决方案1】:

    抱歉,这只是我的错误,一个简单的选项解决了这个问题。我已经添加了

    tooltip: { isHtml: true },
    

    在选项变量中。现在它显示没有对齐问题的工具提示

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-03-20
      • 1970-01-01
      • 1970-01-01
      • 2016-10-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多