Charts 如何在AG-GRID独立图表上编辑轴标签？

我正在与ag Grid合作创建表格和图表。我已经阅读了所有关于编辑分组、堆叠和标准化柱和条形图轴上的标签的文档，尽管有关于如何在AG网格图上设置标签格式的信息，但似乎没有一种方法（似乎）来编辑它们，使它们在有多个标签时不会重叠

例如，我在下面有一个折线图：

x轴上的标签聚集在一起，因为折线图上的每个点都以冗长的单词/短语命名。我尝试在标签上添加填充物（第二行）

然而，这无助于这种情况。我怎样才能使标签完全移除，或者当轴上的标签超过一定长度时，它会缩小到只有几个字母，然后显示一个省略号

---

例如，在图中，第一个标签“一切照旧”将缩小为“Bu…”？

有两种方法可以实现这一点。在这种情况下，填充对你没有多大帮助

您可以使用label

formatter

函数将标签缩小为几个字母，然后显示省略号

您可以使用

rotation

属性将标签（如果图表容器有足够的空间）旋转到所需的程度，以便标签不会重叠

var选项={
容器：document.getElementById（'myChart'），
数据：[{
os:“这是一个相当长的单词，将与Windows的其他标签重叠”，
份额：88.07
},
{
操作系统：“macOS”，
份额：9.44
},
{
操作系统：“Linux”，
份额：1.87
},
{
os:‘其他HGYHTGHYH Linux’，
份额：1.87
},
],
系列：[{
键入：“列”，
xKey:'操作系统'，
yKeys:[“共享”]，
}, ],
轴线：[{
类型：'类别'，
位置：'底部'，
标题：{
文本：“桌面操作系统”，
启用：false，
},
标签：{
格式化程序：函数（参数）{
如果（参数值长度>10）{
返回params.value.substr（0，6）+'…'；
}
返回参数值
},
}
},
{
键入：“编号”，
位置：'左'，
标题：{
正文：“市场份额（%）”，
启用：false，
},
标签：{
格式化程序：函数（参数）{
返回参数值+'%'；
},
},
},
],
图例：{
启用：false，
},
};
变量选项1={
容器：document.getElementById（'myChart1'），
数据：[{
os:“这是一个相当长的单词，将与Windows的其他标签重叠”，
份额：88.07
},
{
操作系统：“macOS”，
份额：9.44
},
{
操作系统：“Linux”，
份额：1.87
},
{
os:‘其他HGYHTGHYH Linux’，
份额：1.87
},
],
系列：[{
键入：“列”，
xKey:'操作系统'，
yKeys:[“共享”]，
}, ],
轴线：[{
类型：'类别'，
位置：'底部'，
标题：{
文本：“桌面操作系统”，
启用：false，
},
标签：{
轮换：90
}
},
{
键入：“编号”，
位置：'左'，
标题：{
正文：“市场份额（%）”，
启用：false，
},
标签：{
格式化程序：函数（参数）{
返回参数值+'%'；
},
},
},
],
图例：{
启用：false，
},
};
agCharts.AgChart.create（选项）；
agCharts.AgChart.create（选项1）

var__basePath='./'；
html，
身体{
身高：100%；
宽度：100%；
保证金：0；
框大小：边框框；
-webkit溢出滚动：触摸；
}
html{
位置：绝对位置；
排名：0；
左：0；
填充：0；
溢出：自动；
}
身体{
填充：1rem；
溢出：自动；
}
实现这一点有两种方法。在这种情况下，填充对你没有多大帮助

您可以使用label
formatter
函数将标签缩小为几个字母，然后显示省略号
您可以使用
rotation
属性将标签（如果图表容器有足够的空间）旋转到所需的程度，以便标签不会重叠

var选项={
容器：document.getElementById（'myChart'），
数据：[{
os:“这是一个相当长的单词，将与Windows的其他标签重叠”，
份额：88.07
},
{
操作系统：“macOS”，
份额：9.44
},
{
操作系统：“Linux”，
份额：1.87
},
{
os:‘其他HGYHTGHYH Linux’，
份额：1.87
},
],
系列：[{
键入：“列”，
xKey:'操作系统'，
yKeys:[“共享”]，
}, ],
轴线：[{
类型：'类别'，
位置：'底部'，
标题：{
文本：“桌面操作系统”，
启用：false，
},
标签：{
格式化程序：函数（参数）{
如果（参数值长度>10）{
返回params.value.substr（0，6）+'…'；
}
返回参数值
},
}
},
{
键入：“编号”，
位置：'左'，
标题：{
正文：“市场份额（%）”，
启用：false，
},
标签：{
格式化程序：函数（参数）{
返回参数值+'%'；
},
},
},
],
图例：{
启用：false，
},
};
变量选项1={
容器：document.getElementById（'myChart1'），
数据：[{
os:“这是一个相当长的单词，将与Windows的其他标签重叠”，
份额：88.07
},
{
操作系统：“macOS”，
份额：9.44
},
{
操作系统：“Linux”，
份额：1.87
},
{
os:‘其他HGYHTGHYH Linux’，
份额：1.87
},
],
系列：[{
键入：“列”，
xKey:'操作系统'，
yKeys:[“共享”]，
}, ],
轴线：[{
类型：'类别'，
位置：'底部'，
标题：{
文本：“桌面操作系统”，
启用：false，
this.options.axes = [
    { type: 'category', position: 'left' },
    { type: 'number', position: 'bottom', label: { padding: 10 } }
]