2015-11-08 98 views
1

我正在使用amcharts'adjustBalloonText函数来显示给定日期的值。某些日期还显示额外的文本(说明不规则值的注释)。在Amchart线图上显示interset的点

如果没有将光标悬停在包含额外文本的特定日期上,就不可能在线图上快速识别这些点。无论如何,我可以在图表上突出显示这些点(例如,更改图表上graph.bullets的形状或颜色)?

enter image description here

回答

0

要修改形状每一颗子弹单独使用图形的bulletField财产。同样,要修改子弹大小,请使用bulletSizeField。这样您可以分别指定数据集中的哪个字段为项目符号类型和大小。

如果图表中的数据点的数据发现这样的字段(一个或多个),它会使用这些设置,而不是默认的图形的子弹设置:bulletbulletSize

这里的工作表来说明:

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>

目前还没有任何办法改变单个子弹的颜色,除非你愿意去通过一些其他方法,比如使用两个图表:一个正常显示和另一个显示突出显示的子弹。

这里有一个链接到演示了上述解决办法,以防万一:

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

+0

你将如何更改使用线图,用滚动和缩放例如单个子弹的颜色 - 通过generateChartData函数? – user2417713

+0

那么,它会以同样的方式工作:generateChartData函数需要应用一些逻辑来确定哪些数据点要添加'bullet' /'bulletSize'属性。此外,图表需要添加“bulletField”和“bulletSizeField”属性。 – martynasma

+0

谢谢你。链接到演示 - 动态创建数据:http://codepen.io/anon/pen/LpgvKY – user2417713