如何在工具提示中添加更多信息并将颜色更改为气泡图中的所选颜色？

问题描述

从文档中我知道ID可以用作标签，2nd和3rd可以用作坐标，而4th可以作为尺寸。如何更改气泡的颜色，并在服务器的工具提示上添加更多信息。我的问题是我正在根据“利用率”字段获取气泡的默认颜色-如何更改此设置？以及我该如何在工具提示上添加更多信息，因为数据对象仅具有2-4个属性。预先感谢。

      <Chart
        width={"700px"}
        height={"400px"}
        chartType="BubbleChart"
        loader={<div>Loading Chart</div>}
        data={[
          ["ID","Clinica","Spend","Utilization","Size"],["",80.66,1.67,"Previous Year",33739900],79.84,1.36,"Third Party",81902307],78.6,1.84,5523095],80.05,2,61801570],68.6,1.54,141850000],78.09,2.05,307007000],]}
        options={{
          title:
            "Correlation between life expectancy,fertility rate " +
            "and population of some world countries (2010)",hAxis: {
            title: "Utilization Variance vs Third Party",titleTextStyle: {
              color: "#000",fontName: "sans-serif",fontSize: 12,bold: true,italic: false,},gridlines: {
              color: "#e8e8e8",textStyle: {
              fontSize: 10,// or the number you want
            },vAxis: {
            title: "Utilization Variance vs Previous Year",bubble: {
            textStyle: {
              fontSize: 12,fontName: "Times-Roman",color: "green",italic: true,auraColor: "none",}}
        rootProps={{ "data-testid": "1" }}
      />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-google-charts reactjs reactjs