Angular 以XY轴显示给定值-绘图

Angular 以XY轴显示给定值-绘图,angular,graph,plotly,Angular,Graph,Plotly,我试图在X轴显示1,1.5,4,7,9,在Y轴显示2.5,1,5,3。当我尝试这样做时,我的输出像1,1.5,2,2.5,…这基本上是我给出的值的分解。我只需要在XY轴中给定的值,不需要自动范围(滚动值)。假设您在标记angular后使用JavaScript 您必须设置三个属性才能实现此功能:、和。在您的文档中,他们告诉您: tickmode(枚举:“自动”|“线性”|“数组”) 设置此轴的刻度模式。如果为“自动”,则通过nticks设置刻度数。如果是“线性”,则记号的位置由起始位置tick0和

我试图在X轴显示
1,1.5,4,7,9
,在Y轴显示
2.5,1,5,3
。当我尝试这样做时,我的输出像
1,1.5,2,2.5,…
这基本上是我给出的值的分解。我只需要在XY轴中给定的值,不需要自动范围(滚动值)。

假设您在标记angular后使用JavaScript

您必须设置三个属性才能实现此功能:、和。在您的文档中,他们告诉您:

tickmode(枚举:“自动”|“线性”|“数组”)
设置此轴的刻度模式。如果为“自动”,则通过
nticks
设置刻度数。如果是“线性”,则记号的位置由起始位置
tick0
和记号步
dtick
(如果提供了
tick0
dtick
,则“线性”是默认值)。如果为“数组”,则通过
tickvals
设置记号的位置,记号文本为
ticktext
。(“如果提供了
tickvals
,则数组”是默认值)

滴答声(数据数组) 设置此轴上显示记号的值。仅当
tickmode
设置为“array”时才有效。与
ticktext
一起使用

勾选文本(数据数组) 通过
滴答声设置在滴答声位置显示的文本。仅当
tickmode
设置为“array”时才有效。与
滴答声一起使用

因此,
tickmode
表示您想使用自己的标签,
tickvals
表示将这些标签放在哪里,
ticktext
是您的标签。设置
tickvals
ticktext
应该可以进行绘图推断
tickmode
,因此如果需要,您应该可以忽略此选项。使用类似于以下的方法可以帮助您实现目标:

var layout = {
    xaxis: {
        tickmode: "array",
        tickvals: [1,1.5,4,7,9],
        ticktext: [1,1.5,4,7,9]
    },
    yaxis: {
        tickvals: [1,1.5,4,7,9],
        ticktext: [1,1.5,4,7,9]
    }
}

应该有帮助

你能给我们展示给你这个输出的代码吗?最好提供a,a得到答案的机会要高得多。如何设置时间间隔为3小时(即上午12点、凌晨3点、早上6点……)。。。。。对于x轴?您应该能够通过将
tick0
设置为第一次,然后设置
tickd
来完成此操作。您必须设置
勾选模式:“线性”