☰

javascript 交互式情节上下文

tag-icon • tag-icon context javascript
javascript 交互式情节上下文

我正在尝试将交互式图表嵌入到 ConText 演示文稿中。我不太确定这是否可行。我使用的是来自图表。为此，我需要三个 Java 脚本，其中两个相当长，所以我想我可以尝试使用 \input 命令读取它们（不确定这是否在 \startJScode 中有效）

从那里我制作图表并将对象命名为“plot”。如果我想在 html 中绘制此图，我只需创建一个 div 容器。如何在上下文中制作容器（字段？）来绘制图表？此外，如何在容器/字段中引用“plot”对象？

以下是我设置 JS 代码的方式：

\setuppapersize[S6][S6]
\setuppagenumbering[state=stop]
\setuptolerance[verytolerant,stretch] 
\switchtobodyfont[modern,20pt]
\setupbackgrounds[page][background=color,backgroundcolor=white]
\usemodule[fields,abr-pseudocaps]

\starttext
\startJScode {EXAMPLE}
\input amchars.js
\input serial.js
AmCharts.makeChart("plot",{
  "type": "serial",
  "categoryField": "category",
  "categoryAxis": {
  "gridPosition": "start"
},
  "graphs": [
    {
      "title": "Graph title",
      "valueField": "column-1"
    }
],
  "valueAxes": [
    {
      "title": "Axis title"
    }
  ],
  "legend": {
    "useGraphSettings": true
  },
  "titles": [
    {
      "size": 15,
      "text": "Chart Title"
    }
  ],
  "dataProvider": [
     {
        "category": "category 1",
        "column-1": 8
      },
     {
         "category": "category 2",
         "column-1": 10
      },
   ]
});
\stopJScode


\stoptext

答案1

网络浏览器中的 JavaScript 引擎（amCharts 的目标引擎）与少数支持 JavaScript 的 PDF 查看器（A-Reader、Foxit、PDF-XChange；还有哪些？）所附带的引擎有很大不同。

交互性最重要的因素是绘图画布，而 PDF 相关的 JS 引擎并不具备该功能（其功能超出了核心 JavaScript，ISO-16262 1.5 版，由以下人员定义）：Adobe）。

Canvas 元素是 HTML5 的一部分，但不是核心 JavaScript 的一部分。因此，无法在 PDF 环境中使用 amCharts 等工具包。

相关内容