【问题标题】:JSXGraph: What is the preferred way to label axes?JSXGraph:标记轴的首选方法是什么?
【发布时间】:2020-11-28 22:41:09
【问题描述】:

我想用各自的物理量标记图表中的轴。

我发现我可以在箭头提示附近放置一个文本。但这意味着当边界框发生变化时我必须重新执行此操作。

或者我可以手动绘制带有标签的轴。

但是是否有另一种简单而可靠的方法来标记自动绘制的轴?目标是

  • 不必指定坐标,
  • 在轴的箭头附近放置标签,
  • 固定文本(即不可拖动)。

【问题讨论】:

    标签: label axis jsxgraph


    【解决方案1】:

    你可以这样开始:

    const board = JXG.JSXGraph.initBoard('jxgbox', { 
      boundingbox: [-5, 20, 5, -5], axis:true,
      defaultAxes: {
        x : {
        name: 'X',
        withLabel: true,
        label: {
            position: 'rt',
          offset: [-10, -15]
        }
      },
      y : {
        withLabel:true,
        name: 'Y',
          label: {
            position: 'rt',
            offset: [-20, -10]
          }
        }
      }
    });
    

    https://jsfiddle.net/6jLrpboe/3/观看直播

    【讨论】:

    • 哇,太棒了!我可以跟进另一个问题吗?我喜欢 JSFiddle,并尝试设置自己的 Fiddle。所以我导入了 JSXGraph.css 和 jsxgraphcore.js,并从你的 Fiddle 复制了 HTML 和 JavaScript 代码。但是,运行不会产生 JSXGraph 图形,而是控制台报错:“46:18 ReferenceError: Can't find variable: JXG ”。你能指出我还需要做什么吗?
    • 没有其他事情要做。请确保在 https 中包含 jsxgraphcore.js。错误消息是库加载失败的明确标志。
    • 做到了。谢谢!不过这有点好笑。因为仅使用 http(不是 https)的链接会在浏览器中显示代码。只是一个提示,以防它不是故意的:在jsxgraph.org/wiki/index.php/… 上,两个链接都给出了 http 地址。
    • 非常感谢这个提示。我立即更新了它。但问题与 JSXGraph 无关。如果在浏览器中使用 https 打开 HTML 文件,浏览器同时坚持所有包含的文件也必须使用 https 加载。
    猜你喜欢
    • 1970-01-01
    • 2012-10-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-02
    • 2014-03-31
    • 2023-03-14
    相关资源
    最近更新 更多