在 Amcharts 折线图上显示兴趣点

Question

我正在使用 amcharts 的 adjustBalloonText 函数来显示给定日期的值。某些日期还会显示额外的文本（解释不规则值的注释）。

如果不将光标悬停在包含额外文本的特定日期上，则无法快速识别折线图上的这些点。无论如何，我可以在图表上突出显示这些点（例如，更改图表上 graph.bullets 的形状或颜色）吗？

Answer 1

要单独修改每个项目符号的形状，请使用图表的 bulletField property. Similarly, to modify bullet size use bulletSizeField。这样就可以分别指定数据集中哪个字段的项目符号类型和大小。

如果图表在数据点数据中找到此类字段，它将使用这些设置而不是默认图表的项目符号设置：bullet 和 bulletSize：

下面是工作图表来说明：

var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "theme": "light",
  "dataProvider": [{
    "country": "USA",
    "visits": 2025
  }, {
    "country": "China",
    "visits": 1882
  }, {
    "country": "Japan",
    "visits": 1809
  }, {
    "country": "Germany",
    "visits": 1322
  }, {
    "country": "UK",
    "visits": 1122
  }, {
    "country": "France",
    "visits": 1114,
    "bullet": "diamond",
    "bulletSize": 25
  }, {
    "country": "India",
    "visits": 984
  }, {
    "country": "Spain",
    "visits": 711
  }, {
    "country": "Russia",
    "visits": 580
  }, {
    "country": "Canada",
    "visits": 441
  }, {
    "country": "Brazil",
    "visits": 395
  }],
  "graphs": [{
    "lineThickness": 2,
    "bullet": "round",
    "bulletSize": 9,
    "bulletField": "bullet",
    "bulletSizeField": "bulletSize",
    "valueField": "visits"
  }],
  "categoryField": "country"
});

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv" style="width: 100%; height: 200px;"></div>

目前无法更改单个项目符号的颜色，除非您想通过其他一些变通方法，例如使用两个图表：一个常规图表和另一个用于显示突出显示的项目符号。

这里有一个 link 用于演示上述解决方法，以防万一：

http://codepen.io/team/amcharts/pen/08f94aac4f5d4c071850cd7ae0c758f9

在 Amcharts 折线图上显示兴趣点

Display points of interset on Amchart line-graph

amcharts