如何在页面加载时拉出特定的ampiechart切片,

时间:2014-08-28 14:04:51

标签: javascript pie-chart amcharts donut-chart

这是一个示例代码。因为我想在页面加载时拉德国切片。在这段代码中,它会拉出第一片     var chart;     var legend;     var chartData = [{     国家:"立陶宛",     价值:260},      {     国家:"爱尔兰",     价值:201},      {     国家:"德国",     价值:65},      {     国家:"澳大利亚",     价值:39},     {     国家:"英国",     价值:19},     {     国家:"拉脱维亚",     值:10}];

AmCharts.ready(function() {
// PIE CHART
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "value";
chart.labelText = "[[title]]";

chart.handDrawn = true;
chart.outlineColor = "#FFFFFF";
chart.outlineAlpha = 0.8;
chart.outlineThickness = 2;
chart.pulledField= "country";  
chart.pullOutOnlyOne = true;
// this makes the chart 3D
chart.depth3D = 15;
chart.angle = 30;

chart.write(chartdiv);
 });

............................................... .................................................. .....

1 个答案:

答案 0 :(得分:0)

你刚刚做对了。您只需将 chart.pulledField 变量更改为新数据值,然后将此数据值包含在 chartData 中。

您可以在http://jsfiddle.net/ou7gytm6/2/

看到一个有效的例子

对chartDate的更改是......

var chartData = [{ country: "Lithuania", value: 260}, 
                 { country: "Ireland", value: 201}, 
                 { country: "Germany", value: 65, "pullOut": true}, 
                 { country: "Australia", value: 39}, 
                 { country: "UK", value: 19}, 
                 { country: "Latvia", value: 10}];

更改你的chart.pulledField是......

chart.pulledField= "pullOut";