【问题标题】:JSXGraph: Is it possible to manually set the x and y tick distanceJSXGraph:是否可以手动设置 x 和 y 刻度距离
【发布时间】:2021-05-06 20:57:54
【问题描述】:

假设在给定的边界框内绘制一个轴,然后自动放置刻度。沿着轴放置更多/更少/不同的刻度怎么样?是否可以改变 x 和 y 刻度的距离?

编辑:

我设法控制了minorTicks,但是ticksDistanceticksDelta没有效果,见MWE in JSFiddle

【问题讨论】:

  • 是的。蜱有很多选择(这使得它很难......)。有关详细信息,请参阅 jsxgraph.org/wiki/index.php/Ticksjsxgraph.org/docs/symbols/Ticks.html。如果您有具体的示例,请将其发布为 jsfiddle。
  • 感谢您迄今为止的提示!我在上面添加了一个带有 JSFiddle 链接的 EDIT 部分。有没有办法让ticksDistanceticksDelta 工作,这样主要滴答声只发生在 5 的倍数上?

标签: axis jsxgraph xticks


【解决方案1】:

您已经非常接近解决方案了。唯一缺少的属性是insertTicks: false,它禁用自动插入主要刻度。 ticksDelta 不是必需的。代码如下:

const brd0 = JXG.JSXGraph.initBoard('BOARDID0', { 
  boundingbox: [-1, 11, 12, -11], axis:true, 
  defaultAxes: {
    x: {
       withLabel: true, 
       name: 't in s',
           label: {
             position: 'rt', 
             offset: [-0, 15], 
             anchorX: 'right'
           },
           ticks: {
             insertTicks: false,
             ticksDistance: 5, 
             minorTicks: 4
           } 
        },
    y: {withLabel:true, name: 'x in m',      
        label: {position: 'rt', offset: [+15, -0]} } },
  showCopyright: false, showNavigation: false 
});

另外,我设置了minorTicks:4。在https://jsfiddle.net/sxpm1z35/2/观看直播

【讨论】:

  • 现在,我可以让坐标区看起来完全符合我的要求。 – 非常感谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-01
  • 2018-09-02
  • 1970-01-01
相关资源
最近更新 更多