带有 JSXGraph 的轴

Question

如何在没有网格的 JSXGraph 板上创建没有刻度但在轴上有一些特定数字（例如 25、50、75 等）的轴？

我想我已经尝试了本页上有关轴、刻度线和网格的所有内容： https://www.intmath.com/cg3/jsxgraph-axes-ticks-grids.php

我现在可以设置轴的方向，用刻度线或网格来限制事物。但我还是无法管理轴上的数字。

Answer 1

如果应抑制轴上的所有刻度线，但刻度标签应可见，则可以使用以下代码：

const board = JXG.JSXGraph.initBoard('jxgbox', { 
    boundingbox: [-5, 5, 5, -5], 
    axis:true,
    defaultAxes: {
        x: {
        ticks: {
          visible: false,
          label: {visible: true}
        }
      },
        y: {
        ticks: {
          visible: false,
          label: {visible: true}
        }
      }
    }
});

使用

board.create('ticks', ...)

命令，可以通过提供包含位置的数组来将刻度定位在某些特殊位置。同样，刻度线可以设置为不可见，以便仅显示标签。这是一个例子：

board.create('ticks', [board.defaultAxes.x, [1.5, 2.5]], {
  drawLabels: true,
  visible: false,
  // majorHeight: 10,
  label: {visible: true, anchorX: 'middle', anchorY: 'top', offset: [0, -10]}
});

观看现场直播https://jsfiddle.net/mjkbrxeh/1/。