我正在使用amcharts'adjustBalloonText函数来显示给定日期的值。某些日期还显示额外的文本(说明不规则值的注释)。在Amchart线图上显示interset的点
如果没有将光标悬停在包含额外文本的特定日期上,就不可能在线图上快速识别这些点。无论如何,我可以在图表上突出显示这些点(例如,更改图表上graph.bullets的形状或颜色)?
我正在使用amcharts'adjustBalloonText函数来显示给定日期的值。某些日期还显示额外的文本(说明不规则值的注释)。在Amchart线图上显示interset的点
如果没有将光标悬停在包含额外文本的特定日期上,就不可能在线图上快速识别这些点。无论如何,我可以在图表上突出显示这些点(例如,更改图表上graph.bullets的形状或颜色)?
要修改形状每一颗子弹单独使用图形的bulletField
财产。同样,要修改子弹大小,请使用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>
目前还没有任何办法改变单个子弹的颜色,除非你愿意去通过一些其他方法,比如使用两个图表:一个正常显示和另一个显示突出显示的子弹。
这里有一个链接到演示了上述解决办法,以防万一:
http://codepen.io/team/amcharts/pen/08f94aac4f5d4c071850cd7ae0c758f9
你将如何更改使用线图,用滚动和缩放例如单个子弹的颜色 - 通过generateChartData函数? – user2417713
那么,它会以同样的方式工作:generateChartData函数需要应用一些逻辑来确定哪些数据点要添加'bullet' /'bulletSize'属性。此外,图表需要添加“bulletField”和“bulletSizeField”属性。 – martynasma
谢谢你。链接到演示 - 动态创建数据:http://codepen.io/anon/pen/LpgvKY – user2417713