响应式中文网站欣赏,高校建设主流网站,平阴县建设工程网站,福千欣隆网站建设公司怎么样引入核心包引入图表类型引入使用组件引入渲染器注册所有引入
在项目中引入 Apache ECharts
// 引入 echarts 核心模块#xff0c;核心模块提供了 echarts 使用必须要的接口。
import * as echarts from echarts/core;
// 引入柱状图图表#xff0c;图表后缀都为 Chart
impo…引入核心包引入图表类型引入使用组件引入渲染器注册所有引入
在项目中引入 Apache ECharts
// 引入 echarts 核心模块核心模块提供了 echarts 使用必须要的接口。
import * as echarts from echarts/core;
// 引入柱状图图表图表后缀都为 Chart
import { LineChart } from echarts/charts;
// 引入提示框标题直角坐标系数据集内置数据转换器组件组件后缀都为 Component
import {// TitleComponent,// TooltipComponent,GridComponent, // 直角坐标系组件// DatasetComponent,// TransformComponent
} from echarts/components;
// 标签自动布局、全局过渡动画等特性
// import { LabelLayout, UniversalTransition } from echarts/features;
// 引入 Canvas 渲染器注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from echarts/renderers;// 注册必须的组件
echarts.use([// TitleComponent,// TooltipComponent,GridComponent,// DatasetComponent,// TransformComponent,LineChart,// LabelLayout,// UniversalTransition,CanvasRenderer
]);// 接下来的使用就跟之前一样初始化图表设置配置项
var myChart echarts.init(document.getElementById(main));
myChart.setOption({// ...
});
