如何在ChartJS标签上方制作小网格线？
我正在使用图表。js绘制一个简单的折线图。如何在xAxis标签顶部制作小网格线？
折线图的文档如下所示：https://www.chartjs.org/docs/2.7.3/getting-started/?h=line，但我找不到关于它的任何东西。
我删除了XAxis和YAxis网格线。
提前谢谢。
共有1个答案
而不是删除网格线，你可以设置绘图OnChartArea为false：
var options = {
type: 'line',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
borderColor: 'pink'
},
{
label: '# of Points',
data: [7, 11, 5, 8, 3, 7],
borderColor: 'orange'
}
]
},
options: {
scales: {
x: {
grid: {
drawOnChartArea: false
}
},
y: {
grid: {
drawOnChartArea: false
}
}
}
},
}
var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);<body>
<canvas id="chartJSContainer" width="600" height="400"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.2/chart.js"></script>
</body>-
我在v3.0.1中使用MPAndroidChart库。我每周有7个值显示在具有下图的线形图上。 如何在 xAxis 网格线上设置每个值？ IAxisValueFormatter中的每个标签值为: 0.0 周四 1.16666666 周五 2.3333333 周六 3.5 周日 4.6666665 周一 5.833333 周二 6.9999995 周三 我的图表设置如下: 每个数据集如下： 显示数据
-
我是JavaFx的新手，我想知道如何绘制网格，我想在网格角上绘制点。我应该使用网格窗格作为基础还是线条图？使用网格并在其上绘制的最佳类是什么？
-
但这并不好。我希望标签每秒钟都可见。我想看看有多少标签。然后，如果超过X，只选择一些，但可能有一些更容易。 以下是标签中的代码： 有什么想法吗？
-
我正在使用chartjs绘制雷达图。 该值显示在图表的悬停点上，但我希望始终显示该值。我需要更改视图以在打印页面时显示数据。 这是我目前的图表。悬停时显示标签
-
我尝试用html、css、JavaScript制作切换标签。 这是我的代码，我试过了。 null null 但我想用仅有的HTML和CSS来制作这个函数。所以我就这样试着。但它不起作用。 null null 请帮帮我.提前谢谢你。
-
现在如果添加更多数据，标签开始旋转: 直到到达一个点，它似乎已经达到了它可以旋转的最大程度： 从表面上看，我认为最大度数是45度。现在，如果我添加更多的数据，而不是旋转更多的标签，它会删除两个标签中的每一个，变成这样: 如何将这个角度增加到90度，使标签旋转到完全垂直的程度？ 这是我用于图表的代码：
-
我想用Python或Matlab在极坐标网格上绘制多个磁滞回线（如下图所示，摘自一篇论文）。我知道如何在matlab中使用极坐标图函数，但我正在努力解决这个问题，尤其是重新调整磁滞回线的大小以及如何定义θ
-
我一直在编写迷宫算法，并希望绘制使用JavaFX生成的迷宫。 首先，我试图画一个简单的网格——但是由更小的形状组成，这样我以后就能把网格的形状变成迷宫。 我使用了小的左上角形状(像┏)和一个< code>GridPane，但是这导致了单元格之间的小的不连续。(截图和下面的代码)。我怎样才能无缝地把这些形状拼在一起？关于< code>Gridpane的想法，我是不是找错了对象？ 目前已尝试绘制网格