标签频率 属性 在 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
}
} );
我们使用堆叠式 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
}
} );