- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的窗口有以下 Controller :
package window;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.chart.BarChart;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import java.util.Map;
import java.util.SortedMap;
public class StatisticsController {
@FXML
private BarChart<?, ?> barChartHistogram;
private SortedMap<String, Integer> _points;
@FXML
private CategoryAxis xAxis;
@FXML
private NumberAxis yAxis;
public void onLoad(SortedMap<String, Integer> points) {
xAxis.setLabel("Numer indeksu");
yAxis.setLabel("Ilość punktów");
//barChartHistogram.setBarGap(0);
XYChart.Series series1 = new XYChart.Series();
int a = 10;
series1.getData().add(new XYChart.Data("Tom", 10));
series1.getData().add(new XYChart.Data("Andrew", 7));
series1.getData().add(new XYChart.Data("Patrick", 5));
/*for (Map.Entry<String, Integer> p: points.entrySet()) {
series1.getData().add(new XYChart.Data<>(Integer.toString(a), p.getValue()));
a += 10;
}*/
barChartHistogram.getData().addAll(series1);
_points = points;
}
}
此窗口的 .fxml
文件:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.chart.BarChart?>
<?import javafx.scene.chart.CategoryAxis?>
<?import javafx.scene.chart.NumberAxis?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane prefHeight="700.0" prefWidth="1000.0" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="window.StatisticsController">
<children>
<BarChart fx:id="barChartHistogram" layoutX="12.0" layoutY="14.0" prefHeight="372.0" prefWidth="1500.0">
<xAxis>
<CategoryAxis side="BOTTOM" fx:id="xAxis" />
</xAxis>
<yAxis>
<NumberAxis fx:id="yAxis" side="LEFT" />
</yAxis>
</BarChart>
</children>
</AnchorPane>
除了一件事,一切都完美无缺:
如您所见,x 轴标签工作正常,但 x 轴标签(我的意思是列名)应该是 Tom
、Andrew
和 Patrick
被放置在 x 轴的 0 位置完全相同的位置(通过这个困惑你可以实际阅读 Patrick
)。哪里有问题?我是否应该对 UI 或其他内容进行一些更改?
最佳答案
我找到了另一个解决方法。只需设置 xAxis.setAnimated(false)
关于JavaFX BarChart xAxis 标签错误定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48995257/
使用 xAxis Categories 时如何在运行时更新 highcharts xAxis 范围? 在下面的 JsFiddle 中,期望的结果是当用户单击“所有月份”时,他们将看到完整的系列数据,而
我想绘制按 x 轴数据降序排序的时间序列。我已经按降序给出了我的数据,但 highcharts 仍然按升序绘制它检查 fiddle http://jsfiddle.net/r4rex6oz/ High
我想在同一 xAxis 中以小时为粒度显示来自不同日期间隔的数据。我想将两个图表显示在彼此之上,而不是彼此靠近。 我可以用 2 个 xAxis 来完成。参见示例:http://fiddle.jshel
这是带有样条系列的 Highcharts 图表。 xAxis max 设置为 9405,如以下 fiddle 所示:http://jsfiddle.net/Bridgeland/253gq/1/ 当我
我正在尝试使用 nvd3s 图表制作一个可切换轴,特别是 line chart example 。运行此示例后,打开控制台并输入 chart.setXAxis(false),x 轴不会隐藏。是否有一些
你好,我想知道这种图形是否可以使用 MP Android Chart: 我真正需要的是用其他几个 UI 组件(在本例中是 4 个 TextView 和一个 ImageView)自定义整个 XAxis。
如何从 0 开始 xAxis 和 yAxis 值并在图表库中设置自定义 xAxis 值? 因为库将手动取值。 最佳答案 You can set custom values for xAxis by u
关于 Highcharts,我有一个简短的问题要问你。 如何在运行时重置 xAxis[0] 和 xAxis[1] 宽度,以及如何在运行时重置 xAxis[1] 偏移量?我问的原因是因为我有一个包含两个
我正在寻找一种在 xAxis 标签上注册点击事件的方法。用户应该能够点击 xAxis 标签(而不是系列),我们应该能够调用一个函数。 无论是直接方式还是间接方式都应该没问题。 最佳答案 您几乎可以收听
我正在绘制带有每月数据点的折线图。但是,我希望比例尺仅显示年份字符串。 到目前为止,很容易。但是,据我所知,Highcharts 将始终绘制相对于刻度的 xAxis 标签……我需要在刻度之间居中显示它
好的,我有一个显示一些信息的 flot 堆叠条形图,现在除了 x 轴外,这一切都完美无缺。 目前,它没有显示我希望它显示的数据,而是在每隔一列显示一个列号。 下面是我的 xaxis 代码: var
我有一个 highcharts 图,其中 X 轴单位是日期。我的数据四舍五入到最近的一天,所以没有必要放大超过一天的水平。 但是,highcharts 让我可以放大到小时级别。我不想让用户放大比天更深
我有一个条形图显示,我可以完全控制颜色、对齐方式、数据标签格式等,但是当图表呈现时,x Axis 下方有一个标签以蓝色显示“Y 值”。 生成的标记是这样的... Y-values
我正在绘制一个 Highcharts - options.series.push({ name: this.SubCity, data: this.Data }); 其中 data 是系列数据的数组。
如果我有一个 unix 时间戳作为我的 x 轴,我如何格式化 x 轴刻度以便它们是人类可读的。示例: var x = [ 1599149438, 1599152204, 1599159972,
我使用 vue-apexcharts 在仪表板中绘制图表。我创建了一个通用文件,其中包含所有图表的基本选项(以统一样式和代码可重用性),并使用 mergeDeep() function 扩展/覆盖此对
我使用 mpandroidchart,我设置了 xAxis定位为双方,并设置标签,代码: xAxis.setPosition(XAxisPosition.BOTH_SIDED); xAxis.setD
似乎无法使用 grid.xaxis(at=, lab=) 旋转 xaxis 的标签通过例如90 度使用 gpar -选项。 除了创建单独的视口(viewport)和使用 grid.text() 之外,
我有一个非常基本的“线”周日期图形。我只需要 x 轴上的日期在我第一个点的同一天开始,但实际上它是在相应周的星期一开始的。我在文档上找到了一个 startOfWeek 选项,但只取两个值:0 = Su
当轴类型为“时间”时,无法将垂直标记添加到 xAxis。我想添加代表时间轴上不同日期事件的标记。 我试过的样本, https://jsfiddle.net/msbasanth/ez3cgm5d/3/
我是一名优秀的程序员,十分优秀!