asp.net-mvc - D3 + VueJs + typescript |如何导入 D3.js 库?

标签 asp.net-mvc typescript d3.js webpack vuejs2

我必须使用 VueJS + Typescript 和 D3.js 为我的客户创建一个仪表板。

他们正在使用 dotnet vue 模板:'dotnet new –install Microsoft.AspNetCore.SpaTemplates::*' 'dotnet new vue'

一切都在安装时设置好:Webpack、Typescript 和 VueJS

此 Webpack 设置不接受 <script lang="ts"></script>大多数教程使用它来导入 D3.js 库。

有什么方法可以在这个模板中重新配置 webpack 以接受 <script lang="ts"></script>

Error after I install d3 and d3 typings

最佳

最佳答案

我不知道你为什么要使用 <script>而不是典型的 npm基于方法。互联网上有很多关于该主题的示例/教程。通常,您要做的是几个步骤:

  1. 安装 d3 作为 npm 依赖:npm install --save d3
  2. 由于您是在 TypeScript 中编写代码,因此获得一些类型支持会很有帮助:npm install --save-dev @types/d3
  3. 在您的 typescript 文件中,通过在其最顶部添加下一行来导入类型:import * as d3 from "d3";
  4. 使用它。 d3.select(...)

关于asp.net-mvc - D3 + VueJs + typescript |如何导入 D3.js 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46739003/

相关文章:

c# - Html.RadioButtonFor MVC 绑定(bind)

javascript - 如何检测 "device mode"(MVC3 + Bootstrap)

javascript - 数组和可观察数组有什么区别?

javascript - 扩展原生 JavaScript 数组

javascript - AJAX 仅更新最后一个项目 ID

c# - 将 LINQ 'GroupBy' 运算符(operator)键排序为自定义顺序

Angular 依赖注入(inject)

javascript - 为什么 D3 对输入的关注仅在第一次起作用?

javascript - D3 如何根据下拉框选择更改数据集

javascript - D3 - 另一个事件内的事件绑定(bind)