韩国主播在线视频,草逼综合,国产传媒京东传媒

跨平臺圖表控件AnyChart快速入門教程（四）：模塊化系統(tǒng)

翻譯|使用教程|編輯：吳園園|2019-10-30 14:39:55.930|閱讀 325 次

概述：本系列教程將為您介紹如何快速掌握AnyChart，本篇教程將為您帶來AnyChart中的模塊化系統(tǒng)功能。

相關(guān)鏈接：

AnyChart是基于JavaScript (HTML5) 的圖表控件。使用AnyChart控件，可創(chuàng)建跨瀏覽器和跨平臺的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用，可用于儀表盤、報表、數(shù)據(jù)分析、統(tǒng)計學(xué)、金融等領(lǐng)域。重要推薦：

AnyChart現(xiàn)已更新至最新版本8.7.0，九大數(shù)據(jù)可視化新功能上線，改進了功能并修復(fù)了一些bug。新版本，新功能，趕快下載體驗吧~（點擊查看更新詳情）

點擊下載AnyChart最新試用版

總覽

模塊化系統(tǒng)是AnyChart 8的核心。通過僅連接那些實際使用的圖表類型和功能，它可以使您顯著減少網(wǎng)頁上運行的JavaScript代碼的大小。基于模塊化的AnyChart與流行的捆綁工具（如Webpack，Browserify等）完全兼容。

基本

第一步

您應(yīng)該始終添加以下模塊之一：

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服務(wù)器上，但是您可以下載任何文件并將其放置在其他位置。

組合模塊

該核心模塊應(yīng)由圖表類型和您要添加的功能所需的模塊組合。

例如，要創(chuàng)建可導(dǎo)出的餅圖，請將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>

相同的邏輯適用于基本模塊。但是，請注意，它已經(jīng)包含了某些圖表類型，因此僅當(dāng)您需要添加不包含的圖表類型或功能時，才必須引用其他模塊。

至于Bundle，它包括擴展以外的所有其他模塊。

BUILDER

Custom JavaScript Builder設(shè)計用于組裝一個JavaScript文件，該文件僅包含您真正要使用的功能和圖表類型。

要構(gòu)建自定義JavaScript二進制文件，請檢查要包含在構(gòu)建中的模塊：指定要創(chuàng)建的圖表類型，并在需要時添加特征和主題。然后按下底部的綠色“構(gòu)建”按鈕。

您還可以構(gòu)建一個包含許可證密鑰的文件。請參閱學(xué)分文章以了解更多信息。

BUNDLE

AnyChart Bundle版本包含所有圖表模塊和功能。它是最大的文件，請謹慎使用。

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

圖表模塊

提供以下模塊：

基礎(chǔ)

AnyChart Base是一個方便的模塊，其中包含：

核心
餡餅和甜甜圈
基本笛卡爾
分散

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

核心

AnyChart Core是引擎的核心。每當(dāng)您使用任何模塊（Bundle和Base除外）時都需要它。

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

子彈

用于創(chuàng)建項目符號圖表的模塊：

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

基本笛卡爾

用于創(chuàng)建基本笛卡爾圖表的模塊：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，樣條區(qū)域，樣條曲線，階梯區(qū)域，階梯線，桿。

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

基本3D

用于創(chuàng)建笛卡爾3D圖表的模塊（Pie和Doughnut除外）：

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

圓規(guī)

創(chuàng)建圓規(guī)的模塊：

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

甘特

用于創(chuàng)建項目和資源甘特圖的模塊：

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

地理地圖

用于創(chuàng)建地理地圖的模塊：

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

圖表圖

用于創(chuàng)建Graph圖表的模塊：

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

熱圖

用于創(chuàng)建熱圖的模塊：

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

線規(guī)

用于創(chuàng)建線性量規(guī)的模塊：

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

Mekko圖

創(chuàng)建Mekko圖表的模塊：

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

網(wǎng)絡(luò)圖

用于創(chuàng)建網(wǎng)絡(luò)圖的模塊：

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

帕累托

用于創(chuàng)建帕累托圖的模塊：

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

PERT

用于創(chuàng)建PERT圖表的模塊：

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

餡餅和甜甜圈

用于創(chuàng)建餅圖和甜甜圈圖（包括3D版本）的模塊：

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

極坐標(biāo)圖

用于創(chuàng)建極坐標(biāo)圖的模塊：

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

金字塔和漏斗

用于創(chuàng)建金字塔和漏斗圖的模塊：

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

雷達

用于創(chuàng)建雷達圖的模塊：

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

資源

一個用于創(chuàng)建資源圖表的beta模塊：

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

Sankey圖

用于創(chuàng)建Sankey圖的模塊：

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

散點圖

用于創(chuàng)建散點圖的模塊：

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

迷你圖

用于創(chuàng)建迷你圖的模塊：

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

股票

用于創(chuàng)建股票圖表的模塊：

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

森伯斯特圖表

用于創(chuàng)建森伯斯特圖表的模塊：

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

表面

用于創(chuàng)建表面圖的模塊：

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

標(biāo)簽云

創(chuàng)建標(biāo)簽云的模塊：

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

時間線

用于創(chuàng)建時間線圖表的模塊：

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

樹狀圖

用于創(chuàng)建樹形圖圖表的模塊：

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

維恩圖

用于創(chuàng)建維恩圖的模塊：

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

瀑布

用于創(chuàng)建瀑布圖的模塊：

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

詞樹

用于創(chuàng)建詞樹圖表的模塊：

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

特征

負責(zé)庫的各種功能的其他模塊。

注解

使用注釋的模塊：

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

數(shù)據(jù)適配器

使用數(shù)據(jù)適配器的模塊：

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

出口產(chǎn)品

啟用導(dǎo)出和共享的模塊：

<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功能的模塊，例如上下文菜單，預(yù)加載器，縮放控件，范圍選擇器和范圍選擇器：

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

UI綁定

UI綁定模塊是用于將HTML5 UI元素綁定到圖表設(shè)置的一組實用程序。

<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進行編譯。

圖表編輯器

圖表編輯器是一個擴展，提供用于配置圖表和圖表數(shù)據(jù)的UI。在AnyChart圖表編輯器部分中了解更多信息。

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

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

想要購買Anychart正版授權(quán)的朋友可以。

更多精彩內(nèi)容，歡迎關(guān)注下方的微信公眾號，及時獲取產(chǎn)品最新資訊▼▼▼

跨平臺圖表控件AnyChart快速入門教程（四）：模塊化系統(tǒng)

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：

上一篇：Stimulsoft ASP.NET MVC報表教程：管理報表打印和導(dǎo)出下一篇：Stimulsoft ASP.NET MVC報表教程：定位查看器

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：11009

當(dāng)前版本：v8.11.0 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： Anychart

正式授權(quán)

">AnyChart

靈活的高度可定制的跨瀏覽器、跨平臺JavaScript (HTML5) 圖表控件。

最新文章 MORE

金喜正規(guī)買球相關(guān)的文章 MORE

国产自产第一-国产自产对白一区-国产自产精品-国产自产区44页-国产自产在线-国产自产自拍-国产自产自拍视频-国产自精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

跨平臺圖表控件AnyChart快速入門教程（四）：模塊化系統(tǒng)

用科技創(chuàng)就卓越

Create excellence with technology

国产自产第一-国产自产对白一区-国产自产精品-国产自产区44页-国产自产在线-国产自产自拍-国产自产自拍视频-国产自精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

跨平臺圖表控件AnyChart快速入門教程（四）：模塊化系統(tǒng)

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology