提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
转帖|使用教程|编辑:吴园园|2019-10-16 13:46:16.520|阅读 292 次
概述:本文将为您介绍如何安装Highcharts。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
Highcharts是一款纯JavaScript编写的图表库,为你的Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。
Highcharts现已更新至最新版本7.2.0,新版本添加了新的顶级选项-说明;几乎所有系列都增加了对多个色轴的支持;增加了高对比度光和高对比度 - 黑暗主题,与背景形成3:1对比度,并修复了一些之前存在的BUG,赶快下载试用吧~
重要推荐:
安装
npm and Bower
Highcharts也可以通过npm和Bower打包获得。
包括Highcharts
<script src="//code.highcharts.com/highcharts.js"></script>
如果需要对IE6、7或8的支持,则需要包括一些polyfill。
在上面的示例中,JavaScript文件是从ajax.googleapis.com和code.highcharts.com加载的。下载Highcharts文件并放在您的网页上。这是从您自己的服务器提供的Highcharts示例:
<script src="/js/highcharts.js"></script>
负载Highstock或Highmaps
Highcharts已包含在Highstock中,因此不必同时加载两者。软件包中包含highstock.js文件。还包含了highmaps.js文件,但与highstock.js不同,该文件不包含完整的Highcharts功能集。Highstock和Highmaps可以分别加载如下文件:
<script src="/js/highstock.js"></script> <script src="/js/highmaps.js"></script>
但是,单独的文件不能一起或与highcharts.js一起在同一页面中运行。因此,如果需要在彼此相同的页面中或带有基本Highcharts的库存或地图,则可以将它们作为模块加载:
<script src="/js/highcharts.js"></script> <script src="/js/modules/stock.js"></script> <script src="/js/modules/map.js"></script>
开始
现在您可以使用Highcharts,请参阅第一个图表开始使用。
*)Highcharts版本1.x依靠excanvas.js在IE中呈现。从Highcharts 2.0(和所有Highstock版本)开始,IE VML渲染内置到库中。
使用NPM安装
官方的npm软件包包含Highcharts,Highstock和Highmaps以及所有模块。首先将Highcharts作为节点模块安装,然后将其另存为package.json中的依赖项:
npm install highcharts --save
使用需求加载Highcharts
var Highcharts = require('highcharts'); // Load module after Highcharts is loaded require('highcharts/modules/exporting')(Highcharts); // Create the chart Highcharts.chart('container', { /*Highcharts options*/ });
加载Highstock或Highmaps
Highcharts已包含在Highstock中,因此不必同时加载两者。软件包中包含highstock.js文件。还包含了highmaps.js文件,但与highstock.js不同,该文件不包含完整的Highcharts功能集。要将整个套件加载到一页中,请将Highmaps作为模块加载。
var Highcharts = require('highcharts/highstock'); // Load Highmaps as a module require('highcharts/modules/map')(Highcharts);
或者,当仅需要地图功能而不需要库存时。
var Highcharts = require('highcharts/highmaps');
使用Bower安装
Bower不再是前端项目的首选依赖项管理器。在开源项目仍得到维护的同时,其创建者决定弃用该项目,并建议如何迁移到其他解决方案,即Yarn和webpack。
Bower软件包包含Highcharts,Highstock和Highmap。首先从Bower加载Highcharts:
bower install highcharts
加载Highcharts
<script src="./bower[components/highcharts/highcharts.js"></script> <script> // Create the chart Highcharts.Chart('container', { /*Highcharts options*/ }); </script>
加载其他模块
要将其他功能加载到Highcharts上,请包括以下模块:
<script src="./bower[components/highcharts/modules/exporting.js"></script>
加载Highstock或Highmaps
Highcharts已包含在Highstock中,因此不必同时加载两者。软件包中包含highstock.js文件。还包含了highmaps.js文件,但与highstock.js不同,该文件不包含完整的Highcharts功能集。要将整个套件加载到一页中,请将Highmaps作为模块加载。
<script src="./bower[components/highcharts/highstock.js"></script> <script src="./bower[components/highcharts/modules/map.js"></script>
或者,当仅需要地图功能而不需要库存时。
<script src="./bower[components/highcharts/highmaps.js"></script>
=====================================================
想要购买Highcharts正版授权的朋友可以。
更多精彩内容,敬请关注下方的微信公众号,及时获取产品最新资讯▼▼▼
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢