AmChart Columns 不显示可能是数据集问题

Question

大家好，您好，确实有一个图表没有出现的问题。

我认为问题与我必须显示的列数有关，因为只有少量数据有效。

当我将所有数据放入图表时它停止工作了。我不认为这是对 amchart 本身的限制。

i post 这是我的代码

<script>

var chart = AmCharts.makeChart( "confrontogas", {
  "type": "serial",
  "theme": "light",
  "dataProvider": [ {
            "offerta": "Energia Italia 150€",
            "costo": 150,
            "color": "#0C3B54",
            "labelcolor": "#FFFFFF"
         },{
            "offerta": "",
            "costo": 229,
            "color": "#CACACA",
            "labelcolor": "#FFFFFF"
         },{
            "offerta": "",
            "costo": 418,
            "color": "#CACACA",
            "labelcolor": "#FFFFFF"
         },{
            "offerta": "",
            "costo": 419,
            "color": "#CACACA",
            "labelcolor": "#FFFFFF"
         },{
            "offerta": "",
            "costo": 420,
            "color": "#CACACA",
            "labelcolor": "#FFFFFF"
         },{
            "offerta": "",
            "costo": 425,
            "color": "#CACACA",
            "labelcolor": "#FFFFFF"
         },{
            "offerta": "",
            "costo": 1,460,
            "color": "#CACACA",
            "labelcolor": "#FFFFFF"
         } ],
  "valueAxes": [ {
    "gridColor": "#FFFFFF",
    "gridAlpha": 0,
    "dashLength": 0,
    "axisAlpha": 0,
    "minimum": 0,
    "labelsEnabled": false
  } ],
  "gridAboveGraphs": true,
  "startDuration": 1,
  "graphs": [ {
    "balloonText": "<b>[[value]]</b> €",
    "fillAlphas": 0.8,
    "lineAlpha": 0.2,
    "type": "column",
    "colorField": "color",
    "valueField": "costo"
  } ],
  "chartCursor": {
    "categoryBalloonEnabled": false,
    "cursorAlpha": 0,
    "zoomable": false
  },
  "categoryField": "offerta",
  "categoryAxis": {
    "gridPosition": "start",
    "gridAlpha": 0,
    "tickPosition": "start",
    "tickLength": 0,
    "labelRotation": 90,
    "autoGridCount": false,
    "gridCount": 548,
    "equalSpacing": true,
    "inside": true,
    "labelFrequency": 1,
    "labelColorField": "labelcolor",
    "forceShowField": "true"
  },


  "export": {
    "enabled": true
  }

} );

如你所见 "gridCount": 548, 我 post为了方便起见减少了数据量

Answer 1

根据您在 fiddle 中的最后一个数据点，您的 valueField costo 包含带逗号的数值，这是无效的 JavaScript:

{
    "offerta": "",
    "costo": 1,460, //should be 1460 or 1.460 depending on what ',' means in your region
    "color": "#CACACA",
    "labelcolor": "#FFFFFF"
}

确保您的数字数据仅包含数字或小数点 (.)。 AmCharts 将自动使用逗号作为千位分隔符和圆点作为小数点来格式化您的值，但您的数值必须首先在 JavaScript 中有效。如果您需要在值有效后更改输出中的分隔符，请使用 thousandsSeparator and decimalSeparator

AmChart Columns 不显示可能是数据集问题

AmChart Columns not showing may be for data set problem

amcharts