2015-11-08 68 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