Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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/8/.htaccess/6.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 GoogleArt如何将工具提示框显示到右指针_Javascript_Css_Charts_Google Visualization - Fatal编程技术网

Javascript GoogleArt如何将工具提示框显示到右指针

Javascript GoogleArt如何将工具提示框显示到右指针,javascript,css,charts,google-visualization,Javascript,Css,Charts,Google Visualization,这是我的项目演示 通常,工具提示框显示在指针的左侧,但我的客户端希望显示在指针的右侧。如何更改它? .google可视化工具提示{position:relative!important;top:0!important;right:0!important;z-index:+1;}为了使示例有效,需要对其进行一些调整 首先,工具提示需要是html格式。默认情况下,工具提示使用svg绘制。 添加此图表选项 tooltip: {isHtml: true} 接下来,需要向观察者添加子树:true 请参

这是我的项目演示

通常,工具提示框显示在指针的左侧,但我的客户端希望显示在指针的右侧。如何更改它?


.google可视化工具提示{position:relative!important;top:0!important;right:0!important;z-index:+1;}
为了使示例有效,需要对其进行一些调整

首先,工具提示需要是html格式。默认情况下,工具提示使用svg绘制。
添加此图表选项

tooltip: {isHtml: true}
接下来,需要向观察者添加
子树:true

请参阅下面的工作代码段,我已经删除了一些不必要的代码

google.charts.load('current',{packages:['corechart']});
google.charts.setOnLoadCallback(drawVisualization);
函数drawVisualization(){
var data=google.visualization.arrayToDataTable([
[“状态”,“值”],
[{v:“VN-54”,f:“Bac Giang”},空],
[{v:“VN-53”,f:“Bac Kan”},空],
[{v:“VN-04”,f:“曹邦”},空],
[{v:“VN-03”,f:“下江”},空],
[{v:“VN-09”,f:“Lang-Son”},null],
[{v:“VN-68”,f:“Phu-Tho”},空],
[{v:“VN-13”,f:“广宁”},空],
[{v:“VN-69”,f:“泰阮”},空],
[{v:“VN-07”,f:“Tuyen Quang”},空],
[{v:“VN-02”,f:“Lao Cai”},空],
[{v:“VN-06”,f:“Yen Bai”},空],
[{v:“VN-71”,f:“奠边”},空],
[{v:“VN-14”,f:“和平”},空],
[{v:“VN-01”,f:“来州”},空],
[{v:“VN-05”,f:“Son La”},空],
[{v:“VN-56”,f:“Bac Ninh”},空],
[{v:“VN-63”,f:“哈南”},空],
[{v:“VN-61”,f:“海洞”},空],
[{v:“VN-66”,f:“鸿雁”},空],
[{v:“VN-67”,f:“Nam Dinh”},20],
[{v:“VN-18”,f:“宁平”},空],
[{v:“VN-20”,f:“泰平”},空],
[{v:“VN-70”,f:“Vinh-PHuc”},空],
[{v:“VN-HN”,f:“hanoi”},null],
[{v:“VN-HP”,f:“海防”},null],
[{v:“VN-23”,f:“Ha Tinh”},空],
[{v:“VN-22”,f:“Nghe An”},空],
[{v:“VN-24”,f:“广平”},28],
[{v:“VN-25”,f:“广域网”},空],
[{v:“VN-21”,f:“Thanh Hoa”},30],
[{v:“VN-26”,f:“Thua Thien Hue”},31],
[{v:“VN-33”,f:“Dak Lak”},空],
[{v:“VN-72”,f:“达农”},空],
[{v:“VN-30”,f:“Gia Lai”},空],
[{v:“VN-28”,f:“Kon Tum”},空],
[{v:“VN-35”,f:“林东”},空],
[{v:“VN-31”,f:“平定”},空],
[{v:“VN-40”,f:“平顺”},空],
[{v:“VN-34”,f:“Khanh-Hoa”},空],
[{v:“VN-36”,f:“Ninh Thuan”},null],
[{v:“VN-32”,f:“富圆”},空],
[{v:“VN-27”,f:“广南”},42],
[{v:“VN-29”,f:“广爱”},43],
[{v:“VN-43”,f:“Ba Ria Vung Tau”},空],
[{v:“VN-57”,f:“平阳”},空],
[{v:“VN-58”,f:“平福”},空],
[{v:“VN-39”,f:“东奈”},空],
[{v:“VN-37”,f:“泰宁”},空],
[{v:“越南政府”,f:“胡志明市”},空],
[{v:“VN-44”,f:“安江”},空],
[{v:“VN-55”,f:“Bac LIUE”},空],
[{v:“VN-50”,f:“Ben-Tre”},null],
[{v:“VN-59”,f:“Ca Mau”},54],
[{v:“VN-45”,f:“Dong Thap”},null],
[{v:“VN-73”,f:“豪强”},空],
[{v:“VN-47”,f:“建江”},空],
[{v:“VN-41”,f:“Long-An”},null],
[{v:“VN-52”,f:“Soc Trang”},null],
[{v:“VN-46”,f:“田江”},空],
[{v:“VN-51”,f:“Tra-vinh”},空],
[{v:“VN-49”,f:“Vinh Long”},null],
[{v:“VN-CT”,f:“Can-Tho”},null],
[{v:“VN-DN”,f:“岘港”},空]
]);
变量选项={
区域:“VN”,
显示模式:“区域”,
决议:“各省”,
颜色轴:{colors:['#f03434','#03c9a9']},
datalessRegionColor:“#ececec”,
defaultColor:'白色',
背景颜色:“#bfbf”,
keepAspectRatio:对,
图例:“无”,
工具提示:{isHtml:true}
};
var geogocart=new google.visualization.geogocart(document.getElementById('visualization');
google.visualization.events.addOneTimeListener(部分为'ready',函数(){
var container=document.querySelector(“#可视化>div:last child”);
函数setPosition(){
var tooltip=container.querySelector('.google可视化工具提示');
如果(工具提示!==null){
var调整左=176;
var left=parseFloat(tooltip.style.left)+adjustLeft;
tooltip.style.left=left+'px';
}
}
var观察者=新的突变观察者(设置位置);
观察者,观察(容器{
儿童名单:是的,
子树:真
});
});
地质绘图(数据、选项);
};

查看它是否不工作。
tooltip: {isHtml: true}