X轴上的标签，仅显示14种不脆弱性igniteUI jquery图表控件中的7种。

Question

我用igDataChart jquery控件开发了一个列图。图中的所有数据都正确地呈现，但下面的标签只显示10个。如果我把这个数字增加到十一，标签上会显示另一个。我的示例中的总数应该显示14个标签，但只有7个显示和其他标签是可见的。(例如，1，3,5,7等)；上面的图表显示了所有的列(两列- 28列)。列的标签应该显示的下面的空格为空。

在指向我的代码的链接上有一个示例。

$(function () {
var data = [
{"Entity":"THA","Complete":59,"Ineligible":2,},{"Entity":"THAL","Complete":66,"Ineligible":15,},{"Entity":"THAM","Complete":92,"Ineligible":22,},{"Entity":"THAZ","Complete":100,"Ineligible":3,},{"Entity":"THC","Complete":94,"Ineligible":5,},{"Entity":"THD","Complete":97,"Ineligible":15,},{"Entity":"THDN","Complete":76,"Ineligible":5,},{"Entity":"THFW","Complete":82,"Ineligible":24,},{"Entity":"THHEB","Complete":77,"Ineligible":3,},{"Entity":"THK","Complete":100,"Ineligible":38,},{"Entity":"THP","Complete":94,"Ineligible":14,},{"Entity":"THS","Complete":100,"Ineligible":5,},{"Entity":"THSW","Complete":72,"Ineligible":21,},{"Entity":"TOTAL","Complete":86,"Ineligible":15,},
 ];
$(function () {
$("#chart").igDataChart({
dataSource: data,
height: "355px",
width: "100%",
title: "Completion Summary",
subtitle: "",
axes: [{
name: "Entity",
type: "categoryX",
label: "Entity",
labelAngle: -45,
gap: 0.3,
}, {
name: "Percent",
type: "numericY",
title: "Percent"
}],
series: [{
// showTooltip: true enables the default tooltips
showTooltip: true,
// if a custom tooltipTemplate is set,
// the default tooltip will not be shown
showTooltip: true,
name: "Complete",
title: "Complete",
type: "column",
valueMemberPath: "Complete",
xAxis: "Entity",
yAxis: "Percent",
isTransitionInEnabled: true,
isHighlightingEnabled: true,
thickness: .05
}, {
showTooltip: true,
name: "Ineligible",
title: "Ineligible",
type: "column",
valueMemberPath: "Ineligible",
xAxis: "Entity",
yAxis: "Percent",
isTransitionInEnabled: true,
isHighlightingEnabled: true,
thickness: .05
}],
horizontalZoomable: true,
verticalZoomable: true,
windowResponse: "immediate"
});
});
});

我在chrome，Firefox和IE8-11中进行了测试。

我寻找一个可以分配给java脚本的属性，它可以提供更多的空间或设置允许的标签总数，但是似乎没有类似的东西可用。有什么建议或建议吗？

Answer 1

X轴默认显示标签的自动计算间隔，并将节流显示的标签数量，因为他们将开始碰撞。在您的情况下，您正在使用一些旋转，以便能够显示更多的标签，以更高的密度，所以您应该指示轴的间隔为1，而不是自动间隔。要做到这一点，你应该设置

interval: 1

在轴线上。我更新了你的样本，让你明白我的意思：http://jsfiddle.net/F8YWY/2/