彩票走势图

跨平台图表控件AnyChart快速入门教程(四):模块化系统

翻译|使用教程|编辑:吴园园|2019-10-30 14:39:55.930|阅读 279 次

概述:本系列教程将为您介绍如何快速掌握AnyChart,本篇教程将为您带来AnyChart中的模块化系统功能。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

AnyChart是基于JavaScript (HTML5) 的图表控件。使用AnyChart控件,可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用,可用于仪表盘、报表、数据分析、统计学、金融等领域。重要推荐:

AnyChart现已更新至最新版本8.7.0,九大数据可视化新功能上线,改进了功能并修复了一些bug。新版本,新功能,赶快下载体验吧~(点击查看更新详情

点击下载AnyChart最新试用版

总览

模块化系统是AnyChart 8的核心。通过仅连接那些实际使用的图表类型和功能,它可以使您显着减少网页上运行的JavaScript代码的大小。基于模块化的AnyChart与流行的捆绑工具(如Webpack,Browserify等)完全兼容。

基本

第一步

您应该始终添加以下模块之一:

  • Core

  • Base

  • Bundle

在引用其他模块之前

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-core.min.js"></script>
<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-bundle.min.js"></script>
<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-base.min.js"></script>

所有图表类型所需的主要模块是Core,即引擎的核心。除其他事项外,它还包括在“ Base”和“ Bundle”模块中,因此您也可以改用它们。

注意:所有带有模块的JS文件都存储在AnyChart CDN服务器上,但是您可以下载任何文件并将其放置在其他位置。

组合模块

该核心模块应由图表类型和您要添加的功能所需的模块组合。

例如,要创建可导出的饼图,请将Core与Pie和Donut和Exports模块组合:

<head>
  <script src="//cdn.anychart.com/releases/8.7.0/js/anychart-core.min.js"></script>
  <script src="//cdn.anychart.com/releases/8.7.0/js/anychart-pie.min.js"></script>
  <script src="//cdn.anychart.com/releases/8.7.0/js/anychart-exports.min.js"></script>
</head>

相同的逻辑适用于基本模块。但是,请注意,它已经包含了某些图表类型,因此仅当您需要添加不包含的图表类型或功能时,才必须引用其他模块。

至于Bundle,它包括扩展以外的所有其他模块。

BUILDER

Custom JavaScript Builder设计用于组装一个JavaScript文件,该文件仅包含您真正要使用的功能和图表类型。

要构建自定义JavaScript二进制文件,请检查要包含在构建中的模块:指定要创建的图表类型,并在需要时添加特征和主题。然后按下底部的绿色“构建”按钮。

您还可以构建一个包含许可证密钥的文件。请参阅学分文章以了解更多信息。

BUNDLE

AnyChart Bundle版本包含所有图表模块和功能。它是最大的文件,请谨慎使用。

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-bundle.min.js"></script>

图表模块

提供以下模块:

基础

AnyChart Base是一个方便的模块,其中包含:

  • 核心

  • 馅饼和甜甜圈

  • 基本笛卡尔

  • 分散

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-base.min.js"></script>

核心

AnyChart Core是引擎的核心。每当您使用任何模块(Bundle和Base除外)时都需要它。

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-core.min.js"></script>

子弹

用于创建项目符号图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-bullet.min.js"></script>

基本笛卡尔

用于创建基本笛卡尔图表的模块:Area,Bar,Box,Bubble,Column,Area,HiLo,Candlestick,Jump Line,Line,Marker,OHLC,Range Area,Range Bar,Range Column,Range Spline Area,Range Step Area,样条区域,样条曲线,阶梯区域,阶梯线,杆。

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-cartesian.min.js"></script>

基本3D

用于创建笛卡尔3D图表的模块(Pie和Doughnut除外):

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-cartesian-3d.min.js"></script>

圆规

创建圆规的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-circular-gauge.min.js"></script>

甘特

用于创建项目和资源甘特图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-gantt.min.js"></script>

地理地图

用于创建地理地图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-map.min.js"></script>

图表图

用于创建Graph图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-graph.min.js"></script>

热图

用于创建热图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-heatmap.min.js"></script>

线规

用于创建线性量规的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-linear-gauge.min.js"></script>

Mekko图

创建Mekko图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-mekko.min.js"></script>

网络图

用于创建网络图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-graph.min.js"></script>

帕累托

用于创建帕累托图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-pareto.min.js"></script>

PERT

用于创建PERT图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-pert.min.js"></script>

馅饼和甜甜圈

用于创建饼图和甜甜圈图(包括3D版本)的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-pie.min.js"></script>

极坐标图

用于创建极坐标图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-polar.min.js"></script>

金字塔和漏斗

用于创建金字塔和漏斗图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-pyramid-funnel.min.js"></script>

雷达

用于创建雷达图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-radar.min.js"></script>

资源

一个用于创建资源图表的beta模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-resource.min.js"></script>

Sankey图

用于创建Sankey图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-sankey.min.js"></script>

散点图

用于创建散点图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-scatter.min.js"></script>

迷你图

用于创建迷你图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-sparkline.min.js"></script>

股票

用于创建股票图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-stock.min.js"></script>

森伯斯特图表

用于创建森伯斯特图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-sunburst.min.js"></script>

表面

用于创建表面图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-surface.min.js"></script>

标签云

创建标签云的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-tag-cloud.min.js"></script>

时间线

用于创建时间线图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-timeline.min.js"></script>

树状图

用于创建树形图图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-treemap.min.js"></script>

维恩图

用于创建维恩图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-venn.min.js"></script>

瀑布

用于创建瀑布图的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-waterfall.min.js"></script>

词树

用于创建词树图表的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-bundle.min.js"></script>

特征

负责库的各种功能的其他模块。

注解

使用注释的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-annotations.min.js"></script>

数据适配器

使用数据适配器的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-data-adapter.min.js"></script>

出口产品

启用导出和共享的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-exports.min.js"></script>

表格布局

启用表格布局的模块:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-table.min.js"></script>

通用UI

启用UI功能的模块,例如上下文菜单,预加载器,缩放控件,范围选择器和范围选择器:

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-ui.min.js"></script>

UI绑定

UI绑定模块是用于将HTML5 UI元素绑定到图表设置的一组实用程序。

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-ui-binding.min.js"></script>

VML渲染器

为旧浏览器启用VML支持的模块。

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-vml.min.js"></script>

扩展名

扩展模块提供附加功能。扩展不能成为Bundle的一部分,也不能使用Builder进行编译。

图表编辑器

图表编辑器是一个扩展,提供用于配置图表和图表数据的UI。在AnyChart图表编辑器部分中了解更多信息。

<script src="//cdn.anychart.com/releases/8.7.0/js/anychart-editor.min.js"></script>

=====================================================

想要购买Anychart正版授权的朋友可以。

更多精彩内容,欢迎关注下方的微信公众号,及时获取产品最新资讯▼▼▼

跨平台图表控件AnyChart快速入门教程(四):模块化系统


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP