Lightningchart js -如何旋转刻度文本？
Lightningchart js -如何旋转刻度文本？
提问于 2021-05-20 17:13:06
在lightningchart中可以在轴上旋转ticks文本吗？记号文本不适合相邻文本或与相邻文本重叠。
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-07-28 20:05:09
从LightningChart JS v3.1.0开始，可以设置刻度标签旋转。
您可以使用axis.setTickStyle设置当前记号策略的样式设置。或者，这可以通过axis.setTickStrategy的styler参数来完成。
VisibleTicks类有setLabelRotation方法，可以用来定义刻度旋转。正角度顺时针旋转，负角度逆时针旋转。因此，要在X轴上旋转标签以进行垂直旋转。
chart.getDefaultAxisX()
.setTickStyle((s) => s
.setMajorTickStyle((m) => m.setLabelRotation(-90))
.setMinorTickStyle(m => m.setLabelRotation(-90)),
)请看下面的完整示例。
const {
lightningChart,
PointShape,
} = lcjs
const pointSize = 10
const chart = lightningChart().ChartXY()
chart.addPointLineSeries()
.setPointSize(pointSize)
.add([{
x: 0,
y: 0
},
{
x: 50,
y: 10
},
{
x: 80,
y: 20
},
{
x: 100,
y: 30
},
{
x: 150,
y: 40
},
{
x: 180,
y: 50
},
{
x: 230,
y: 60
},
{
x: 290,
y: 70
}
])
chart.addPointLineSeries({
pointShape: PointShape.Circle
})
.setPointSize(pointSize)
.add([{
x: 0,
y: 0
},
{
x: 100,
y: 10
},
{
x: 230,
y: 20
},
{
x: 390,
y: 30
},
{
x: 470,
y: 40
},
{
x: 540,
y: 50
},
{
x: 600,
y: 60
},
{
x: 800,
y: 70
}
])
chart.getDefaultAxisX()
.setInterval(0, 1000, false, true)
.setTickStyle((s) =>
s.setMajorTickStyle((m) => m.setLabelRotation(-90)).setMinorTickStyle(m => m.setLabelRotation(-90)),
)
chart.getDefaultAxisY()
.setInterval(0, 100, false, true)<script src="https://unpkg.com/@arction/lcjs@3.1.0/dist/lcjs.iife.js"></script>
Stack Overflow用户
发布于 2021-05-31 03:47:07
从当前版本(v3.0.1)开始，没有配置文本的API。
我认为这是一个非常有潜力的功能改进。如果您能描述一下旋转标记文本的使用情况，这将有助于我们将其介绍到库中。
截图是金色的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67617432
复制相关文章
相似问题
腾讯云开发者
