网站标题如何书写,flash网站特点,自己什么建设网站,石家庄网站建设咨询AnyChart 数据可视化框架 AnyChart 是一个灵活的 JavaScript#xff08;HTML5、SVG、VML#xff09;图表框架#xff0c;适合任何需要数据可视化的解决方案。
目录
下载并安装开始插件将 AnyChart 与 TypeScript 结合使用将 AnyChart 与 ECMAScript 6 结合使用技术集成贡献…
AnyChart 数据可视化框架 AnyChart 是一个灵活的 JavaScriptHTML5、SVG、VML图表框架适合任何需要数据可视化的解决方案。
目录
下载并安装开始插件将 AnyChart 与 TypeScript 结合使用将 AnyChart 与 ECMAScript 6 结合使用技术集成贡献指南构建和调试模块系统包目录接触链接许可证
下载并安装
有几种方法可以下载/安装 AnyChart。
直接下载
所有二进制文件都位于 dist 文件夹中。
CDN 中文版
如果您不想自己下载和托管 AnyChart您可以从 AnyChart CDN内容交付网络中包含它https://www.anychart.com/download/cdn head
script srchttps://cdn.anychart.com/releases/v8/js/anychart-base.min.js/script
/head包管理器
您可以使用 npm、bower 或 yarn 安装 AnyChart
npm install anychartbower install anychartyarn add anychart
开始
开始使用 AnyChart 的最快方法是将框架包含到网页中并编写一些代码。请看下面的这个简单的 HTML 代码段 !doctype html
body
div idcontainer stylewidth: 500px; height: 400px;/div
script srchttps://cdn.anychart.com/releases/v8/js/anychart-base.min.js typetext/javascript/script
scriptanychart.onDocumentReady(function() {// create a pie chartvar chart anychart.pie([[Chocolate, 5],[Rhubarb compote, 2],[Crêpe Suzette, 2],[American blueberry, 2],[Buttermilk, 1]]);chart.title(Top 5 pancake fillings);// set the container where chart will be drawnchart.container(container);// draw the chart on the pagechart.draw();});
/script
/body
/html分步快速入门指南
AnyChart 快速入门AnyStock 快速入门AnyMap 快速入门AnyGantt 快速入门
插件
AnyChart 为不同类型的技术提供了各种各样的插件其中包括
AngularJS v1.x 版本AngularJS v2.x 版本反应男人流星NodeJS 的QlikjQuery 查询
将 AnyChart 与 TypeScript 结合使用
你可以在你的 TypeScript 项目中使用 AnyChart - 我们有我们的库的定义文件你可以在分发文件夹中找到。 请查看 webpack 和 typescript 集成示例以获取更多详细信息。
将 AnyChart 与 ECMAScript 6 结合使用
您可以通过两种方式在 ECMAScript 6 项目中使用 AnyChart
普通 ECMAScript 6
要在页面上添加 AnyChart请使用 section with attribute。scripttypemodule script typemoduleimport _localpath_to_anychart/anychart-bundle.min.js// regular AnyChart code here
/script有关更多详细信息请查看 AnyChart ES6 示例。
捆绑工具和模块加载器
您可以将 AnyChart 与任何捆绑工具或模块加载器一起使用例如 WebPack、Browserify、Require.js 等。 有关更多详细信息请查看 AnyChart Webpack 示例。
技术集成
AnyChart 可以在任何平台和任何数据库上运行。创建这些示例是为了演示 AnyChart 如何轻松集成到您的环境中。 所有示例均在 Apache 2.0 许可证下分发并且可以根据您的应用程序进行自定义。如果您对此处未列出的特定集成感兴趣请联系我们。
ASP.NET、C# 和 MySQLASP.NET、VB.NET 和 MySQLASP.NET、C#、SignalR 和 MySQLGo、Revel 和 MySQLGo 和 MySQLJava Servlet、Maven、JDBC、JSP 和 MySQL使用 socket.io 的 NodeJS 和 MongoDBJava Spring、Maven、Hibernate 和 MySQLJulia 和 MySQLNodeJS Express、Jade 和 MongoDBPHP、Symfony 和 MySQLPHP、Laravel 和 MySQLPHP、Slim 和 MySQLPerl、Catalyst Web 框架和 MySQLPython、Flask 和 MySQLPython、Django 和 MySQLR、Shiny 和 MySQLRuby、Sinatra 和 MySQLRuby on Rails 和 MySQLScala、Akka 和 MySQLScala、Play 和 MySQL
贡献指南
要为 AnyChart 项目做出贡献请
Fork AnyChart 存储库。从分支创建分支。develop进行您想要贡献的任何更改。针对分支创建拉取请求。develop
GitHub 文档分叉仓库。GitHub 文档使用拉取请求进行协作。
请注意
AnyChart 对第三方开发者编写的代码不承担任何责任直到 pull request 被接受。在接受 pull request 后pull request 的作者将代码的所有权限签名给 AnyChart。
构建和调试
依赖
AnyChart 使用多个第三方库和工具来处理 JavaScript 和 CSS。
GraphicsJS - 高性能 SVG/VML 绘图库。Google Closure Library - 强大的低级 JavaScript 库。Google Closure Compiler - 将 JavaScript 代码编译为更好的 JavaScript。lesscpy - Python LESS 编译器。用于编译和缩小 AnyChart UI css。
构建选项
build.pypython 脚本用于 AnyChart 项目。您需要安装 python 才能使用它。
要查看构建脚本的所有可用选项请使用 或 command-h--help
./build.py -h.
要查看命令选项请使用
./build.py command_name -h
要安装所有依赖项请使用以下命令deps
./build.py deps.
运行此命令后您可以使用以下命令编译项目compile
./build.py compile
这将编译 anychart-bundle 的生产版本和所有模块并将它们放入文件夹中。您可以在我们的 Modules 文章中阅读有关模块的更多信息。out
要创建用于调试目的的开发版本请使用 或 option-d--develop
./build.py compile -d
该选项会生成属性重命名报告、变量重命名报告和源映射位置映射文件-df
./build.py compile -df
源映射将缩小的代码映射到源代码。关于在 Chrome 中使用源映射或在 Firefox 中使用源映射的信息。
模块系统
AnyChart 从 v8.0.0 开始就被结构化为模块所以你可以只使用你需要的。请查看我们的文章 模块 以开始使用模块。
包目录 ├── css
│ ├── anychart.less
│ ...
├── dist
│ ├── json-schema.json
│ ├── xml-schema.xsd
│ ...
├── src
│ ├── charts
│ ├── core
│ ├── modules
│ ├── themes
│ ...
│ README.md
│ LICENSE
│ ...CSS 服务
该文件夹包含编译为一个 .css 文件的 .less CSS 文件。css
来源
该文件夹包含根据项目结构组织的 AnyChart 源代码文件。例如src
charts子文件夹包含图表类core子文件夹包含核心类modules子文件夹包含模块themes包含主题
距离
该文件夹包含二进制文件和 JSON/XML 架构。dist
接触
网站www.anychart.com电子邮件 contactanychart.com推特anychart脸书AnyChartsLinkedInanychart
链接
AnyChart 网站下载 AnyChartAnyChart 许可AnyChart 支持报告问题AnyChart 游乐场AnyChart 文档AnyChart API 参考AnyChart 示例解决方案AnyChart 集成
编辑
许可证
© AnyChart.com - JavaScript 图表。保留所有权利。编辑
