如何使用JAVAFX图表在图表上绘制多个轴

Question

祝你平安!

如何使用JavaFX图表API绘制多个轴？

以下是巨型软件中趋势的图像,其中绘制了一些实时数据和历史数据.有两个笔注册,每个笔的单独轴在同一趋势上定义.

我一直试图在JavaFX 2.0图表中做到这一点.我已经能够绘制一个实时图表,如下所示:

我一直在使用JavaFX研究多轴并且可以找到这个链接,但我认为这是使用FXML的旧版JavaFX.但是,我正在使用JavaFX常规类来完成此任务.

救命!!!

Answer 1

在这里你可以找到我的解决方案 - MultipleAxesLineChart.它不是通用的,只是满足我的需求,但我认为它可以很好地了解如何使用它StackPane.

Answer 2

将两个图表放在StackPane中.

在顶部图表上使用css查找来转换(使用translate-x和translate-y)它的轴和标签,以便可以独立于底部图表读取它们.保留顶部图表的数据图,使其覆盖底部图表.修改颜色和图例(或混合图表样式,例如线条和条形图),以便明显哪个数据图属于哪个系列.

上面介绍了一些技术:

• 在答案中:移动刻度标签JavaFx 2(显示如何在似乎是单个图表的位置绘制多个轴).
• 在此示例代码中,它在条形图上绘制了线图(但没有轴转换).