我正在使用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