Amcharts 4树状图气球

时间:2018-07-05 17:49:34

标签: amcharts

如何从amchart 4更改“树图”图表上气球中的文本/样式?

在下面的示例中,如何从气球中删除“福特”?

enter image description here

1 个答案:

答案 0 :(得分:2)

我对超级迟到的答案表示诚挚的歉意,最近出现的问题与另一个问题有关,不确定这个问题是如何溜走的。

这是一个好问题,至少有两个原因:

  1. 当时我们没有a guide on modifying tooltip background color
  2. Dim Data As Variant Dim offset_block1 As Long Dim offset_block2 As Long offset_block1 = &H197 offset_block2 = &H2A1 ' Data has created and initialized... Data(offset_block1) = &H7ff0210900005000 Data(offset_block2) = &H7ff0210900006000 图表与其他图表不同,我们并未直接与实际的TreeMap一起使用。

如果您只是想编辑工具提示的文本,可以通过TreeMapSeries来完成,特别是在其列模板上,即TreeMapSeries template,例如使用the original demo as a base

columns.template.tooltipText

但是,如果您想做的更多,例如修改背景,您将需要处理实际的列本身,因为列模板上没有实际的工具提示对象。这是// The default `tooltipText` for all columns, e.g. // `chart.series.getIndex(0).columns.template.tooltip`, is // `"{parentName} {name}: {value}"` // // Let's keep {parentName} on a separate line in `tooltipText`, and play with // font size, colors, and style. (Note we cannot nest formatting brackets.) // // More on string and visual formatting: // https://www.amcharts.com/docs/v4/concepts/formatters/formatting-strings/ level1SeriesTemplate.columns.template.tooltipText = "[bold font-size: 22px; #fff]{parentName}[/]\n[font-size: 20px]{name}:[/] [font-size: 20px #fff]{value}[/]"; 及其TreeMapSeries准备就绪后的解决方法:

columns

我在这里准备了一个演示:

https://codepen.io/team/amcharts/pen/07c3ca3e33b4ad955246893d19df3a6c/

希望这涵盖了您可能感兴趣的修改内容。