修改JSXGraph网格默认参数

Modifying JSXGraph grid default parameters

本文关键字:参数 默认 网格 JSXGraph 修改      更新时间:2023-09-26

为JSXGraph设置网格参数的正确方法是什么?根据这里,

在初始化JSXGraph板之前,必须覆盖[默认]值。

所以,目前我正在尝试以下操作:

JXG.Options.grid.strokeColor = "pink";
JXG.Options.grid.strokeWidth = 14.0;
board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5,5,5,-5], axis: true});

这不会影响任何事情。

然而,我可以在现有板上创建网格,但由于某种原因,这会在现有网格下面绘制。如果用grid: false初始化,董事会似乎也忽略了,所以我似乎无法解决它。有什么想法吗?


小型更新

我发现

JXG.JSXGraph.initBoard('box', {boundingbox: [-5,5,5,-5], axis: true, grid: true})

axis: true参数绘制的网格之上绘制一个附加网格。但是,axis:true自变量绘制的第一个网格的颜色与相耦合

JXG.Options.axis.ticks.strokeColor

参数。出于某种奇怪的原因,此参数会更改刻度颜色和轴绘制的栅格(即使在axis: truegrid: false的情况下也会绘制)。这是我的意思的一个例子。

在JSXGraph中有两种类型的网格线:

  • 一个可以用grid:true显示并且其属性可以用JXG.Options.grid设置的网格对象。两条网格线之间的距离由JXG.Options.grid.gridXJXG.Options.grid.gridY设置
  • 轴的刻度可以无限拉伸。默认轴的主刻度就是这种情况。可以使用设置轴的次刻度和主刻度的像素长度 JXG.Options.axis.ticks.majorHeight = 20; JXG.Options.axis.ticks.minorHeight = 10; 如果这些属性具有负值,则刻度将无限拉伸,因此将显示为网格线。JXG.Options.axis.ticks.majorHeight的默认值为-1。次要刻度和主要刻度将具有相同的颜色

(真实)网格的线在用户坐标中始终具有相同的距离,与缩放级别无关,而无限刻度线将适应缩放级别。如果用户选择高缩放级别,浏览器可能会因为网格线太多而冻结。