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

【问题标题】：Label frequency property not working in amChart标签频率属性在 amChart 中不起作用
【发布时间】：2015-07-09 07:05:25
【问题描述】：

我们使用堆叠的 amChart(serial) 来显示图表。我们为图表添加了过滤功能。用户可以根据周、月和季度过滤数据。我们有使用引导程序。 amChart 放置在具有“col-md-6”类的 div 中。当用户选择周过滤具有 52 个标签的 amchart 时。当时条形非常细。分析数据非常困难，所以我们想增加标签频率。我们已将标签频率设置为 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
                     }


                 });

【问题讨论】：

标签： amcharts

【解决方案1】：

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
  }
} );

【讨论】：