Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/253.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表线条图中的自定义工具提示仅适用于focustarget:category_Javascript_Php_Json_Mongodb_Google Visualization - Fatal编程技术网

Javascript 谷歌图表线条图中的自定义工具提示仅适用于focustarget:category

Javascript 谷歌图表线条图中的自定义工具提示仅适用于focustarget:category,javascript,php,json,mongodb,google-visualization,Javascript,Php,Json,Mongodb,Google Visualization,我正在使用PHP/mongodb/javascript构建我的谷歌图表折线图。 在php中,我制作了一列作为角色工具提示(最后一列)。 现在我看到的默认工具提示是X轴(日期)和Y轴(值)。 但我想在工具提示中显示日期、值和其他信息(图像版本)。 对于“工具提示”列,它应该覆盖默认工具提示,但不会发生 如果我在选项中添加focusTarget:category,我可以看到日期、值和图像版本,但对于整个类别,我不希望看到这些。我只想查看我单击或悬停的那个点的日期、值和图像版本 从谷歌文档FocusT

我正在使用PHP/mongodb/javascript构建我的谷歌图表折线图。 在php中,我制作了一列作为角色工具提示(最后一列)。 现在我看到的默认工具提示是X轴(日期)和Y轴(值)。 但我想在工具提示中显示日期、值和其他信息(图像版本)。 对于“工具提示”列,它应该覆盖默认工具提示,但不会发生

如果我在选项中添加focusTarget:category,我可以看到日期、值和图像版本,但对于整个类别,我不希望看到这些。我只想查看我单击或悬停的那个点的日期、值和图像版本

从谷歌文档FocusTarget来看:“数据”似乎就是我想要的。当我这样做时,我再次只看到默认的工具提示

基本上,当我使用focustarget:category时,默认工具提示只有一次被自定义工具提示覆盖

不知道我错过了什么

$table         = array();
$table['cols'] = array(
    array('label' => 'Date','type' => 'date')
); 

array_push($table['cols'], array('type' => 'string', 'role' => "tooltip"));
array_push($table['cols'], array('label' => 'Label', 'type' => 'string'));

$numCols = count($table['cols']) - 1;
$numColsMinus1 = count($table['cols']) - 2;
从数据库中,值进入数组

$rows[$row_index]['c'][$numColsMinus1]['v'] = $r["image_ver"];
$rows[$row_index]['c'][$col_index]['v'] = $r[$datatype];
$rows[$row_index]['c'][$numCols]['v'] = $label; 
下面是GoogleChartWrapper

var chart = new google.visualization.ChartWrapper({
       'chartType': 'LineChart',
       'containerId': 'chart_div',
       'options': {
         'interpolateNulls': 'true',
         'curveType': 'false',
         'animation':{
           'duration': 1000,
           'easing': 'inAndOut'
         },
      'titleTextStyle':{ 'fontName': "Verdana", 'fontSize': 15, 'bold': 'false', 'italic': 'false' },
        'tooltip': {
            'textStyle': { 'fontName': "Arial", 'fontSize': 14, 'italic': 'false' },
             //'isHtml': 'true'     
             //'trigger' : 'selection',
             //'trigger' : 'both',
             //'trigger' : 'focus'
             //'legend' : 'none'
      },
        "focusTarget": "category",
        //"focusTarget": "datum",
        //"focusTarget": "",
        //"focusTarget": "series",
    'chartArea': {'height': '85%', 'width': '70%'},
         'hAxis': {'slantedText': false, 'maxAlternation': 1, 'viewWindowMode': 'pretty'},
         'allowHtml': 'true',
         'legend': {'allowHtml': 'true',
                    'textStyle': {fontSize: 11}},
         'pointSize': 3
       }
 });

如图所示,大多数角色列应用于最近的左邻数据列。如果要为线条图中的所有线条提供自定义工具提示,则必须为每个线条添加一个角色列。我认为你不必为focusTarget而烦恼