Chart.js 2.x:标签相互显示
最后两个标签彼此重叠显示,如下图所示。我该如何解决这个问题 这里有一些lorem ipsum,因此stackoverflow不会抱怨我的帖子主要是代码:lorem ipsum dolor sit amet,Concertetur Adipising Elite。整型法雷特拉门。Suspendisse vitae congue turpis,欧盟调味品turpis。乌尔特里塞斯维利特酒店。这是一种有效的猫科动物,它的前庭是智人的前庭。这是一种灵猫的前庭,它的前庭是灵猫的前庭,前庭是灵猫的前庭,前庭是灵猫的前庭,前庭是灵猫的前庭,前庭是灵猫的前庭。纳拉姆·奎斯·波特提托·艾利特。弗林蒂利亚·梅特·马萨是一位自由主义者,他的工作效率很高。罗恩·亨德雷特·梅特斯(Proin hendrerit metus)在尼布·弗林利亚·马莱苏亚达(nibh fringilla malesuada)。普罗因图皮斯图皮斯,临时非威尼斯人欧盟,弗林尼利亚在努克。这是一种罕见的疾病。Vivamus erat massa,hendrerit nec nibh vitae,commodo faucibus felis。梅塞纳是一颗乌尔纳钻石 选项:Chart.js 2.x:标签相互显示,chart.js,Chart.js,最后两个标签彼此重叠显示,如下图所示。我该如何解决这个问题 这里有一些lorem ipsum,因此stackoverflow不会抱怨我的帖子主要是代码:lorem ipsum dolor sit amet,Concertetur Adipising Elite。整型法雷特拉门。Suspendisse vitae congue turpis,欧盟调味品turpis。乌尔特里塞斯维利特酒店。这是一种有效的猫科动物,它的前庭是智人的前庭。这是一种灵猫的前庭,它的前庭是灵猫的前庭,前庭是灵猫的前庭,前庭
var options = {
scales: {
xAxes: [{
gridLines:{
display:false,
},
type:"time"
}],
yAxes: [{
ticks:{
stepSize:10000
}
}]
}
};
数据:
不幸的是,chart.js有时会因为格式的变化和可能性而无法自动拟合时间刻度x轴。你可以做两件事中的一件来解决这个问题。可以扩展图表容器的大小(以便有更多的空间渲染图表),也可以手动配置时间刻度以优化其外观 在本例中,我使用
time.unit
属性以“天”为单位显示刻度。以下是相关配置:
scales: {
xAxes: [{
gridLines: {
display: false,
},
type: "time",
time: {
unit: 'day',
}
}],
yAxes: [{
ticks:{
stepSize: 10000
}
}]
}
这里有一个例子来说明我的意思。试试scales.xAxes[0]。time.round='day' 这个给我修好了 之前: 之后: e、 g
您能否提供用于生成此图的图表配置,或者更好的是提供一个工作示例(例如codepen、JSFIDLE等)。如果没有看到至少配置,没有人能够提供帮助。谢谢。js的时间刻度很挑剔,所以我必须先看看你是如何配置的(我不能仅仅根据屏幕截图来判断)。
scales: {
xAxes: [{
gridLines: {
display: false,
},
type: "time",
time: {
unit: 'day',
}
}],
yAxes: [{
ticks:{
stepSize: 10000
}
}]
}
scales: {
xAxes: [{
type: "time",
time: {
format: "MM/DD/YYYY",
round: 'day',
tooltipFormat: 'll'
},
scaleLabel: {
display: true,
}
}],
}