如何在條形圖amcharts中添加傳奇？

我在我的應用程序中使用條形圖（amcharts），我需要爲該條形圖添加傳奇。所以，我爲條形碼添加了以下腳本，如何在條形圖amcharts中添加傳奇？

legend = new AmCharts.AmLegend(); 
legend.position = "bottom"; 
legend.align = "center"; 
legend.markerType = "square"; 
legend.valueText = ""; 
chartx.addLegend(legend);

但是，條形圖應該顯示傳奇？我如何在我的條形圖應用程序中添加傳奇。

任何人都可以給我解決這個問題儘快？

來源

2013-02-08 webspicer

嘗試在上面的示例我已經編輯提供的樣品amchart

<head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>amCharts examples</title> 
     <link rel="stylesheet" href="style.css" type="text/css"> 
     <script src="../amcharts/amcharts.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      var chart; 

      var chartData = [{ 
       year: 2005, 
       income: 23.5 
      }, { 
       year: 2006, 
       income: 26.2 
      }, { 
       year: 2007, 
       income: 30.1 
      }, { 
       year: 2008, 
       income: 29.5 
      }, { 
       year: 2009, 
       income: 24.6 
      }]; 


      AmCharts.ready(function() { 
       // SERIAL CHART 
       chart = new AmCharts.AmSerialChart(); 
       chart.dataProvider = chartData; 
       chart.categoryField = "year"; 
       // this single line makes the chart a bar chart, 
       // try to set it to false - your bars will turn to columns 
       chart.rotate = true; 
       // the following two lines makes chart 3D 
       chart.depth3D = 20; 
       chart.angle = 30; 

       // AXES 
       // Category 
       var categoryAxis = chart.categoryAxis; 
       categoryAxis.gridPosition = "start"; 
       categoryAxis.axisColor = "#DADADA"; 
       categoryAxis.fillAlpha = 1; 
       categoryAxis.gridAlpha = 0; 
       categoryAxis.fillColor = "#FAFAFA"; 

       // value 
       var valueAxis = new AmCharts.ValueAxis(); 
       valueAxis.axisColor = "#DADADA"; 
       valueAxis.title = "Income in millions, USD"; 
       valueAxis.gridAlpha = 0.1; 
       chart.addValueAxis(valueAxis); 

       // GRAPH 
       var graph = new AmCharts.AmGraph(); 
       graph.title = "Income"; 
       graph.valueField = "income"; 
       graph.type = "column"; 
       graph.balloonText = "Income in [[category]]:[[value]]"; 
       graph.lineAlpha = 0; 
       graph.fillColors = "#bf1c25"; 
       graph.fillAlphas = 1; 
       graph.lineThickness = 2; 
       graph.bullet = "round"; 
       chart.addGraph(graph); 


           // LEGEND 
           var legend = new AmCharts.AmLegend(); 
           legend = new AmCharts.AmLegend(); 
           legend.position = "bottom"; 
           legend.align = "center"; 
           legend.markerType = "square"; 
           legend.valueText = "aa"; 
       chart.addLegend(legend); 






       // WRITE 
       chart.write("chartdiv"); 
      }); 
     </script> 
    </head> 

    <body> 
     <div id="chartdiv" style="width: 500px; height: 600px;"></div> 
    </body> 

</html>

來源

2013-02-12 06:24:14

誰能告訴我什麼，我需要做的就是legend.valueText出現條形圖上？還有其他設置嗎？ – xagyg

如何在條形圖amcharts中添加傳奇？

回答

相關問題