标签频率 属性 在 amChart 中不起作用

Label frequency property not working in amChart

我们使用堆叠式 amChart(serial) 来显示图表。我们为 graphs.The 添加了过滤功能,用户可以根据周、月和季度过滤数据。我们使用 bootstrap。 amChart 位于 div 中,具有 class "col-md-6"。当用户 select 周过滤具有 52 lables.At 的 amchart 时,条形非常细。 data.So我们要提高标签频率,分析起来非常困难。我们已将标签频率设置为 5,但它没有改变

AmCharts.makeChart("stackedChart", {

                     "type": "serial",
                     "theme": "light",
                     "legend": {                            
                         "position": "right",
                         "useGraphSettings": true,

                     },
                     "dataProvider": data,
                     "valueAxes": [{
                         "stackType": "regular",
                         "axisAlpha": 0.3,
                         "gridAlpha": 0,
                         "position": "left",
                         "gridCount": 5
                     }],
                     "plotAreaFillAlphas": 0.1,                        
                     "graphs": graph,
                     "categoryField": "Period",
                     "categoryAxis": {
                         "gridPosition": "start",                           
                          "labelFrequency": 5,


                     },
                     "export": {
                         "enabled": true
                     }


                 });

labelFrequency 可能不是最好的方法。它基本上意味着每第 X 条网格线显示一个标签。

您正在寻找的是预缩放图表。为此,您可以使用 maxSelectedSeries。即:

AmCharts.makeChart("stackedChart", {
  ...
  "maxSelectedSeries": 5,
  ...
});

此外,如果您要预先缩放图表,您还需要滚动图表的方法。为此,您需要添加一个滚动条:

AmCharts.makeChart("stackedChart", {
  ...
  "maxSelectedSeries": 5,
  "chartScrollbar": {},
  ...
});

这是应用了上述内容的整个图表:

AmCharts.makeChart( "stackedChart", {
  "type": "serial",
  "theme": "light",
  "maxSelectedSeries": 5,
  "chartScrollbar": {},
  "legend": {
    "position": "right",
    "useGraphSettings": true,
  },
  "dataProvider": data,
  "valueAxes": [ {
    "stackType": "regular",
    "axisAlpha": 0.3,
    "gridAlpha": 0,
    "position": "left",
    "gridCount": 5
  } ],
  "plotAreaFillAlphas": 0.1,
  "graphs": graph,
  "categoryField": "Period",
  "categoryAxis": {
    "gridPosition": "start"
  },
  "export": {
    "enabled": true
  }
} );