Google react图表条形图选项自定义工具提示

Question

我正在尝试使用options参数更改条形图中工具提示的大小。然而，我所做的一切都不会影响工具提示。条形图似乎有一些限制，虽然我不能从提供的文档或示例中确认，但似乎legend: "none"属性没有影响以及vAxis: {title: "" }。这就是我格式化options对象的方式。

export const options = {
chart: {
title: "Visits in the last 2 weeks",
hAxis: {
title: "Date",
},
vAxis: { 
title: "Visit Count", 
},

legend: "none",
tooltip: {innerHeight: "10px", outerHeight: "10px", showColorCode: false,},
},
}

在我的选项的格式有什么我做错了吗?或者可能有更多的文档来解释更多关于定制的内容?

Answer 1

没有标准的配置选项来控制工具提示的大小。

为了自定义大小，您需要使用HTML工具提示。

可以为整个工具提示提供自己的自定义HTML。
参见:https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#customizing-html-content

或者您可以让图表使用html生成标准工具提示，这将允许您使用css自定义工具提示。
参见:https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#rotating-tooltips

都需要添加以下配置选项…

tooltip: { isHtml: true }