x轴上的标签仅显示十四个中的七个-Infragistics igniteUI jQuery图表控件

用户名

我使用igDataChart jquery控件开发了一个柱形图。图形中的所有数据均可正确呈现,但其下方的标签最多只能显示十个。如果我将数字增加到11,则标签将每隔一个显示一次。在我的示例中,总数应显示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和IE 8-11中进行了测试

我寻找了可以分配给Java脚本的属性,该属性将提供更多空间或设置允许的标签总数,但是似乎没有可用的东西。有任何建议或解决方法吗?

格雷厄姆·默里(Graham Murray)

x轴默认情况下以自动计算的间隔显示标签,并且将减少显示的标签数量,因为它们将开始发生冲突。在您的情况下,您正在使用一些旋转功能,以便能够显示更多具有更高密度的标签,因此您应该指示轴使用1的间隔,而不是自动间隔。为此,您应该设置

interval: 1

在轴上。我已经更新了您的示例以显示您的意思:http : //jsfiddle.net/F8YWY/2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在 igTree (Infragistics IgniteUI) 中拖放后无法捕获节点的顺序

来自分类Dev

重置Infragistics IgniteUI igFileUpload的UI

来自分类Dev

Infragistics IgniteUI IGFileUpload不会将文件上传到ASP.NET MVC CORE 3.0中的服务器

来自分类Dev

Infragistics.Win.Misc.UltraExpandableGroupBox显示错误

来自分类Dev

如何获得Infragistics Ultrawingrid中的时间摘要?

来自分类Dev

WPF中的Infragistics XamDataGrid Group By加载

来自分类Dev

如何获得Infragistics Ultrawingrid中的时间摘要?

来自分类Dev

图表控件标签括号

来自分类Dev

从TypeScript 1.0升级到1.8后,IgniteUI中缺少属性

来自分类Dev

在MVC 5中使用捆绑和缩小的IgniteUI资源时找不到资源

来自分类Dev

Infragistics Ignite UI 2014.2(14.2.20142.1024)是否与jquery 1.10.2兼容?

来自分类Dev

是否可以检测网页是否显示在Infragistics igDialog中?

来自分类Dev

在Infragistics超网格列中添加按钮+文本

来自分类Dev

Infragistics WebDataMenu在Chrome中延迟格式化

来自分类Dev

在C#.net中删除Infragistics UltraListView的所有项目

来自分类Dev

如何启用/禁用 Infragistics XamDataGrid 中的标题复选框

来自分类Dev

如何给图表控件的x轴赋予自定义标签?

来自分类Dev

加载包含图表的 Excel 文件并使用 Infragistics.Documents.Excel 插入新列

来自分类Dev

更改图表控件的轴颜色?

来自分类Dev

将X轴标签与图表列对齐(ASP.Net图表控件)

来自分类Dev

如何绑定和显示Ajax图表控件

来自分类Dev

关闭Visual C ++图表控件上的刷新

来自分类Dev

关闭Visual C ++图表控件上的刷新

来自分类Dev

在ASP.NET图表控件中水平对齐图表区域

来自分类Dev

让柱形图在图表控件中重叠

来自分类Dev

Microsoft WinForms图表控件-设置Y轴标签的位置

来自分类Dev

在图表控件中尽可能在x轴上拟合

来自分类Dev

使用JavaScript获取Infragistics WebDataGrid中单击的单元格的值

来自分类Dev

C#图表中的轴相等(如何在C#图表控件中使轴相等)

Related 相关文章

  1. 1

    在 igTree (Infragistics IgniteUI) 中拖放后无法捕获节点的顺序

  2. 2

    重置Infragistics IgniteUI igFileUpload的UI

  3. 3

    Infragistics IgniteUI IGFileUpload不会将文件上传到ASP.NET MVC CORE 3.0中的服务器

  4. 4

    Infragistics.Win.Misc.UltraExpandableGroupBox显示错误

  5. 5

    如何获得Infragistics Ultrawingrid中的时间摘要?

  6. 6

    WPF中的Infragistics XamDataGrid Group By加载

  7. 7

    如何获得Infragistics Ultrawingrid中的时间摘要?

  8. 8

    图表控件标签括号

  9. 9

    从TypeScript 1.0升级到1.8后,IgniteUI中缺少属性

  10. 10

    在MVC 5中使用捆绑和缩小的IgniteUI资源时找不到资源

  11. 11

    Infragistics Ignite UI 2014.2(14.2.20142.1024)是否与jquery 1.10.2兼容?

  12. 12

    是否可以检测网页是否显示在Infragistics igDialog中?

  13. 13

    在Infragistics超网格列中添加按钮+文本

  14. 14

    Infragistics WebDataMenu在Chrome中延迟格式化

  15. 15

    在C#.net中删除Infragistics UltraListView的所有项目

  16. 16

    如何启用/禁用 Infragistics XamDataGrid 中的标题复选框

  17. 17

    如何给图表控件的x轴赋予自定义标签?

  18. 18

    加载包含图表的 Excel 文件并使用 Infragistics.Documents.Excel 插入新列

  19. 19

    更改图表控件的轴颜色?

  20. 20

    将X轴标签与图表列对齐(ASP.Net图表控件)

  21. 21

    如何绑定和显示Ajax图表控件

  22. 22

    关闭Visual C ++图表控件上的刷新

  23. 23

    关闭Visual C ++图表控件上的刷新

  24. 24

    在ASP.NET图表控件中水平对齐图表区域

  25. 25

    让柱形图在图表控件中重叠

  26. 26

    Microsoft WinForms图表控件-设置Y轴标签的位置

  27. 27

    在图表控件中尽可能在x轴上拟合

  28. 28

    使用JavaScript获取Infragistics WebDataGrid中单击的单元格的值

  29. 29

    C#图表中的轴相等(如何在C#图表控件中使轴相等)

热门标签

归档