内联图,数据值已表示由一条线连接的一系列点。在JavaFX中,可以通过实例化javafx.scene.chart.LineChart类来创建折线图。
默认,
JavaFX折线图包含沿x轴指出系列中的值的符号。通常,这些是小圆圈。
图底部的X轴。
左侧的Y轴。
Axis类(所有轴的超类)具有一个名为side的属性,该属性指定绘图中需要具有当前轴(左,右,上下)的那一侧。您可以使用setSide()方法将值设置为此属性。此方法接受以下值之一作为参数-
侧面底部
边顶
左侧
右侧
要将X轴移到顶部,请通过将值Side.TOP作为参数传递,在绘图XAxis的对象上调用setSide()方法。
import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Side; import javafx.scene.Scene; import javafx.stage.Stage; import javafx.scene.chart.CategoryAxis; import javafx.scene.chart.LineChart; import javafx.scene.chart.NumberAxis; import javafx.scene.chart.XYChart; import javafx.scene.layout.StackPane; public class LineChartAxisShift extends Application { public void start(Stage stage) { //定义x和y轴 CategoryAxis xAxis = new CategoryAxis(); NumberAxis yAxis = new NumberAxis(); //设置轴的标签 xAxis.setLabel("Months"); yAxis.setLabel("Rainfall (mm)"); //创建折线图 LineChart linechart = new LineChart(xAxis, yAxis); //准备第1行的数据点 XYChart.Series series = new XYChart.Series(); series.getData().add(new XYChart.Data("Jul", 169.9)); series.getData().add(new XYChart.Data("Aug", 178.7)); series.getData().add(new XYChart.Data("Sep", 158.3)); series.getData().add(new XYChart.Data("Oct", 97.2)); series.getData().add(new XYChart.Data("Nov", 22.4)); series.getData().add(new XYChart.Data("Dec", 5.9)); //将名称设置为行(系列) series.setName("Rainfall In Hyderabad"); //将数据设置为折线图 linechart.getData().add(series); //移动X轴 xAxis.setSide(Side.TOP); //创建一个堆栈窗格来保存图表 StackPane pane = new StackPane(linechart); pane.setPadding(new Insets(15, 15, 15, 15)); pane.setStyle("-fx-background-color: BEIGE"); //设置场景 Scene scene = new Scene(pane, 595, 350); stage.setTitle("Line Chart"); stage.setScene(scene); stage.show(); } public static void main(String args[]){ launch(args); } }
输出结果
我做错了什么?
如何绘制一张折线图,一个频率图,类似于心电图,X轴上方绘制折线图,X轴下方绘制频率图?X轴为时间,类似于 时间为 0.2,0.3,0.4三个节点电击了三次,然后心电图跳动的更快或者更高,总之就是有变化,要看相应得变化,时间在第二秒内电击了五次,第三秒内点击了两次,然后看X轴上方折线图变化情况,翻文档并没有试出来我想要的图形。 找到一个类似得 https://echarts.apache.org/e
我试图制作一个可滚动的图表,无论游标在滚动条中的位置如何,Y轴都在视图中(默认情况下,由于Y轴信息位于视图的末尾,只有在滚动到足以看到末尾时,您才会看到它) 下面是我试图完成的一个示例: 请注意,即使滚动条的位置在中间,Y轴文本(价格)仍然在视图中 有什么想法来绕过上述问题或更好的方法来实现这一点? 谢谢
使用echarts中的折线图如何让x轴往左不停的滚动还有y轴
图片来源:模仿"饿了么外卖"折线图筛选功能 这个图应该如何实现呢、滑动Slider滑块、对应折线图也随之高亮展示 目前发现一个类似的功能https://github.com/oguzhaninan/vue-histogram-slider只不过他是柱形图而我是折线图
我正在使用库MPAndroid,< code >编译' com . github . philjay:MPAndroidChart:v 3 . 0 . 0-beta 1 ' 我必须在MPAndroid折线图中传递x轴上的日期和y轴上的值,当我传递x轴或y轴上的值时,应用程序崩溃,显示< code > ArrayIndexOutOfBound < code >异常,数组大小为-2。 我怎么能做到这一