Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.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
Angular 如何在谷歌图表(气泡图)的工具提示内容中反映刻度值_Angular_Charts_Google Visualization_Xticks - Fatal编程技术网

Angular 如何在谷歌图表(气泡图)的工具提示内容中反映刻度值

Angular 如何在谷歌图表(气泡图)的工具提示内容中反映刻度值,angular,charts,google-visualization,xticks,Angular,Charts,Google Visualization,Xticks,我正在使用谷歌图表库。根据官方文件,x轴的值只能是一个数字。我想用字符串来绘制图形,因此我使用了hAxis.tick,它可以很好地将水平轴绘制更改为字符串。但是,这并不反映工具提示,工具提示仍然显示一个数字 我可以使用任何方式将记号中的值映射到工具提示内容 下面是HTML的示例代码片段 <google-chart title="Bubble Chart" type="BubbleChart" [data]=&quo

我正在使用谷歌图表库。根据官方文件,x轴的值只能是一个数字。我想用字符串来绘制图形,因此我使用了
hAxis.tick
,它可以很好地将水平轴绘制更改为字符串。但是,这并不反映工具提示,工具提示仍然显示一个数字

我可以使用任何方式将记号中的值映射到工具提示内容

下面是HTML的示例代码片段

<google-chart
      title="Bubble Chart"
      type="BubbleChart"
      [data]="plotData"
      [options]="bubbleChartoptions"
      [columns]="bubbleColumnNames"
      [width]="550"
      [height]="350"
    >
    </google-chart>
理想情况下,工具提示应显示与
hAxisValue
相对应的param1,但它会显示
1


谢谢

默认情况下,工具提示将显示x轴的格式化值

与您正在生成的滴答声非常相似,
我们可以使用对象表示法提供数据中的格式化值

plotData: [
  ['', {v: 1, f: 'param1'}, 3, 'Bubble1', 10],
  ['', {v: 1, f: 'param1'}, 8, 'Bubble2', 20],
  ['', {v: 2, f: 'param2'}, 3, 'Bubble1', 30],
  ['', {v: 2, f: 'param2'}, 4, 'Bubble2', 40],
  ['', {v: 3, f: 'param3'}, 6, 'Bubble1', 50],
  ['', {v: 3, f: 'param3'}, 7, 'Bubble2', 60],

请分享绘制图表的代码好吗?@WhiteHat我修改了上面的问题以反映代码。非常感谢!成功了。还有一种方法可以从工具提示中删除x轴键值对吗@WhiteHat可以使用自定义工具提示,但气泡图的数据格式不包括工具提示角色。对于不同的图表类型…哦,我们可以在气泡图中这样做吗?找到了,我认为它可以满足您的需要,让我知道…感谢您的解决方案,但这似乎适用于谷歌图表,我使用的是不同的库,即角度谷歌图表,我在那里没有看到这些类。
plotData: [
  ['', {v: 1, f: 'param1'}, 3, 'Bubble1', 10],
  ['', {v: 1, f: 'param1'}, 8, 'Bubble2', 20],
  ['', {v: 2, f: 'param2'}, 3, 'Bubble1', 30],
  ['', {v: 2, f: 'param2'}, 4, 'Bubble2', 40],
  ['', {v: 3, f: 'param3'}, 6, 'Bubble1', 50],
  ['', {v: 3, f: 'param3'}, 7, 'Bubble2', 60],