如何导入 Plottable.js

Question

我是 javaScript 的新手。我在查找如何导入和使用 Plottalbe.js（以及作为其中一部分的 D3）库时遇到问题。谁能给我看一个使用 Plottable 的 HTML 和 .js 文件的工作示例？我一定是严重失明，因为我在上面找不到任何东西。

我用的是npm，包放在C:\Users\me\node_modules.

这是我到目前为止所尝试过的方法。请原谅我的代码。我尝试了不同的方法，但仍然失败。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>JavaScript</title>
  <!-- <link     href="https://cdnjs.cloudflare.com/ajax/libs/plottable.js/1.15.0/plottable.css"
    rel="stylesheet" /> -->
  <script src="scripts/require.js"></script>
  <!-- <script     src="https://cdn.jsdelivr.net/npm/plottable@3/plottable.min.js"></script> -->
  <script src="app.js"></script>
</head>
<body>
  <h1>JS</h1>
</body>
</html>

然后是 app.js。

//import { Plottable } from "plottable";
// var Plottable = require('plottable');

require(['plottable'], function (plottable) {
// var Plottable = require('plottable');
});

// define(function (require){
// var Plottable = require('plottable');
// });

Answer 1

将 import Plottable from 'plottable'; 添加到您的 js 文件的顶部（假设您使用的是 Node）。如果没有，您将需要 require 使用文件的 完整路径 您的依赖项。

如何导入 Plottable.js

How to Import Plottable.js

javascript

import

d3.js

plottable