Question

我正在尝试使用javascripts amcharts显示条形图。但只有第一条记录的栏目出现在Firefox中，输出在Chrome和IE中都可以。其余数据未显示在图表上。类别和值轴显示存在多个记录，但只显示第一个条形。请帮忙。

以下是我的代码供您参考。

var lineChartData = [{
    title: new Date(2009, 10, 2),
    value: 1816},
{
    title: new Date(2009, 10, 3),
    value: 2680},
{
    title: new Date(2009, 10, 4),
    value: 1448},
{
    title: new Date(2009, 10, 5),
   value: 1848},
{
   title: new Date(2009, 10, 6),
   value: 1130},
{
 title: new Date(2009, 10, 9),
 value: 1095},
{
 title: new Date(2009, 10, 10),
 value: 990},
{
 title: new Date(2009, 10, 11),
 value: 13580},
{
 title: new Date(2009, 10, 12),
 value: 1709},
{
 title: new Date(2009, 10, 13),
 value: 1378},
{
 title: new Date(2009, 10, 16),
 value: 1378},
{
 title: new Date(2009, 10, 17),
 value: 1571},
{
 title: new Date(2009, 10, 18),
 value: 5079},
{
 title: new Date(2009, 10, 19),
 value: 5079},
{
 title: new Date(2009, 10, 20),
 value: 1744},
{
 title: new Date(2009, 10, 23),
 value: 1728},
{
 title: new Date(2009, 10, 24),
 value: 1584},
{
 title: new Date(2009, 10, 25),
 value: 3788},
{ 
 title: new Date(2009, 10, 26),
 value: 3788  },
{
  title: new Date(2009, 10, 27),
 value: 13963},
{
 title: new Date(2009, 10, 30),
 value: 13963},
{
 title: new Date(2009, 11, 1),
 value: 1642},
{
 title: new Date(2009, 11, 2),
 value: 1642},
{
 title: new Date(2009, 11, 3),
 value: 10681},
{
 title: new Date(2009, 11, 4),
 value: 1322}];


var chart = new AmCharts.AmSerialChart();
        chart.autoMarginOffset = 0;
        chart.marginRight = 0;    
        chart.dataProvider = lineChartData;
        chart.categoryField = "title";
        // 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 = "value";
        graph.type = "column";
        graph.balloonText = "Income in [[category]]:[[value]]";
        graph.lineAlpha = 0;
        graph.fillColors = "#bf1c25";
        graph.fillAlphas = 1;
        chart.addGraph(graph);

    chart.write("chartdiv");

Answer 1

问题是“价值：”。不知何故，当我改变价值时，Firefox的反应很好：到chart_value：

Amcharts条形图仅显示Firefox中的第一条记录

1 个答案: