日韩福利一级午夜,日韩亚洲欧美网站,91探花最新在线

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

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

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

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

相關(guān)鏈接：

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

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

點(diǎn)擊下載AnyChart最新試用版

總覽

模塊化系統(tǒng)是AnyChart 8的核心。通過(guò)僅連接那些實(shí)際使用的圖表類(lèi)型和功能，它可以使您顯著減少網(wǎng)頁(yè)上運(yùn)行的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>

所有圖表類(lèi)型所需的主要模塊是Core，即引擎的核心。除其他事項(xiàng)外，它還包括在“ Base”和“ Bundle”模塊中，因此您也可以改用它們。

注意：所有帶有模塊的JS文件都存儲(chǔ)在AnyChart CDN服務(wù)器上，但是您可以下載任何文件并將其放置在其他位置。

組合模塊

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

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

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

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

BUILDER

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

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

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

BUNDLE

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

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

圖表模塊

提供以下模塊：

基礎(chǔ)

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

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

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

核心

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

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

子彈

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

<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ū)域，樣條曲線(xiàn)，階梯區(qū)域，階梯線(xiàn)，桿。

<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)建項(xià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>

線(xiàn)規(guī)

用于創(chuàng)建線(xiàn)性量規(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>

雷達(dá)

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

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

資源

一個(gè)用于創(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>

散點(diǎn)圖

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

<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>

時(shí)間線(xiàn)

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

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

樹(shù)狀圖

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

<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>

詞樹(shù)

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

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

特征

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

注解

使用注釋的模塊：

<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è)置的一組實(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>

擴(kuò)展名

擴(kuò)展模塊提供附加功能。擴(kuò)展不能成為Bundle的一部分，也不能使用Builder進(jìn)行編譯。

圖表編輯器

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

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

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

想要購(gòu)買(mǎi)Anychart正版授權(quán)的朋友可以。

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

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

標(biāo)簽：

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

文章轉(zhuǎn)載自：

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

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

控件

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

源碼：非開(kāi)源

產(chǎn)品編號(hào)：11009

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

開(kāi) 發(fā) 商： Anychart

正式授權(quán)

">AnyChart

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

最新文章 MORE

半島外圍網(wǎng)上直營(yíng)相關(guān)的文章 MORE

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線(xiàn)采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

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

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

Create excellence with technology

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線(xiàn)采購(gòu)

中文文檔庫(kù)

試用/Demo下載

開(kāi)發(fā)社群

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

為你推薦

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

Create excellence with technology