Javascript 使用自定义工具IP的Google Charts Diff Chart

我必须绘制差异饼图并显示自定义工具提示文本，而不是默认的旧值和当前值。这是我使用的代码。我应该如何更改以显示“我的工具提示”和“我的另一个工具提示”而不是默认的工具提示文本

var d = new google.visualization.DataTable({"cols": [
{"type": "string" ,"id": "Title"   ,"label": "Title" }, 
{"type": "number" ,"id": "Count" ,"label": "Count", "p": {"role" : "old-data"} },
{"type": "number" ,"id": "Count" ,"label": "Count", "p": {"role" : "data"} }, 
{"type": "string" ,"id": "Tooltip" ,"label": "Tooltip" , "p": {"role" : "tooltip"}}], 
"rows" : [
{"c" : [{"v": "Item1"}, {"v": 0}, {"v": 28}, {"v": "my tooltip"}]}, 
{"c" : [{"v": "Item2"}, {"v": 80}, {"v": 0}, {"v": "my another tooltip"}]}]});

var options = { pieSliceText: 'none', diff: { innerCircle: { radiusFactor: 0.3 } },    sliceVisibilityThreshold: 0, pieSliceText: 'label'};

var chartDiff = new google.visualization.PieChart(document.getElementById('piechart_diff'));
chartDiff.draw(d, options);

---

长期以来一直困扰着这个问题。终于找到了解决办法。 她是我的密码：

load（'current'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var oldData=google.visualization.arrayToDataTable([
[‘状态’、‘百分比’]，
['Error'，60]，'Success'，40]]；
var newData=google.visualization.arrayToDataTable([
[‘状态’、‘百分比’]，
['Error'，80]，'Success'，20]]；
变量选项={
工具提示：{isHtml:true}
}
var chartDiff=新的google.visualization.PieChart（document.getElementById（'PieChart_diff'）；
var diffData=chartDiff.computeDiff（旧数据、新数据）；
google.visualization.events.addListener（chartDiff，'onmouseover'，selectHandler）；
函数selectHandler（）{
控制台日志（“输入”）；
$（'#piechart_diff'）。on（“域节点插入”，函数（e）{
//console.log（如target）；
if（$（e.target）.is（'.google可视化工具提示'））{
console.log（document.getElementsByClassName（'google-visualization-tooltip-item'）[1].getElementsByTagName（'span'）[0].innerHTML）；
document.getElementsByClassName（'google-visualization-tooltip-item'）[1]。getElementsByTagName（'span'）[0]。innerHTML='Test1:'；
document.getElementsByClassName（'google-visualization-tooltip-item'）[2]。getElementsByTagName（'span'）[0]。innerHTML=“Test2:”；
//控制台日志（e）；
//e、 target.innerHTML=“test1错误：“+te1+”%
test2错误：“+te2+”%
”；
}
})
}
图表差异绘制（差异数据、选项）；
}

---

长期以来一直存在此问题。终于找到了解决办法。 她是我的密码：

load（'current'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var oldData=google.visualization.arrayToDataTable([
[‘状态’、‘百分比’]，
['Error'，60]，'Success'，40]]；
var newData=google.visualization.arrayToDataTable([
[‘状态’、‘百分比’]，
['Error'，80]，'Success'，20]]；
变量选项={
工具提示：{isHtml:true}
}
var chartDiff=新的google.visualization.PieChart（document.getElementById（'PieChart_diff'）；
var diffData=chartDiff.computeDiff（旧数据、新数据）；
google.visualization.events.addListener（chartDiff，'onmouseover'，selectHandler）；
函数selectHandler（）{
控制台日志（“输入”）；
$（'#piechart_diff'）。on（“域节点插入”，函数（e）{
//console.log（如target）；
if（$（e.target）.is（'.google可视化工具提示'））{
console.log（document.getElementsByClassName（'google-visualization-tooltip-item'）[1].getElementsByTagName（'span'）[0].innerHTML）；
document.getElementsByClassName（'google-visualization-tooltip-item'）[1]。getElementsByTagName（'span'）[0]。innerHTML='Test1:'；
document.getElementsByClassName（'google-visualization-tooltip-item'）[2]。getElementsByTagName（'span'）[0]。innerHTML=“Test2:”；
//控制台日志（e）；
//e、 target.innerHTML=“test1错误：“+te1+”%
test2错误：“+te2+”%
”；
}
})
}
图表差异绘制（差异数据、选项）；
}

---

如果每行的工具提示没有更改，则可以使用图表选项（应用于选项）：

})

如果没有丑陋的DOM操作技巧，目前看来不可能实现每行工具提示或注释自定义

工作演示和源代码（可轻松更改为PieChart）：

---

如果每行的工具提示没有更改，则可以使用图表选项（应用于选项）：

})

如果没有丑陋的DOM操作技巧，目前看来不可能实现每行工具提示或注释自定义

工作演示和源代码（可轻松更改为PieChart）：

---

PieCharts不支持“工具提示”列角色来更改工具提示文本。您唯一的选择是格式化数据以供显示。有一个关于此问题的错误报告：PieCharts不支持用于更改工具提示文本的“工具提示”列角色。您唯一的选择是格式化数据以供显示。关于这个问题，有一个错误报告：您是否有任何关于可用差异选项的参考资料？具体来说，我在配置差异图表的“以前的数据”图例时遇到了问题。我也遇到了问题。我希望整个shebang都是开源的。你有任何关于可用的diff选项的参考资料吗？具体来说，我在配置差异图表的“以前的数据”图例时遇到了问题。我也遇到了问题。我希望整个shebang都是开源的。

var options = {
  pieSliceText: 'none',
  diff: {
    innerCircle: {
      radiusFactor: 0.3
    },
    oldData: {
      tooltip: {
        prefix: 'my tooltip'
      }
    },
    newData: {
      tooltip: {
        prefix: 'my another tooltip'
      }
    }
  },
  sliceVisibilityThreshold: 0,
  pieSliceText: 'label'