highcharts ng

2025-12-07 0 425

Highchartsng

高校的AngularJS指令

HighCharts的简单AngularJS指令。

例子

请参阅./example/charts/general-example.html中的示例(https://*rawg*it.c*om/pablojim/highcharts-ngcharts-ng/master/example/example/charts/charts/general-example.html)

还:

  • 基本:http://jsfiddle.net/gh/get/jquery/3.1.1/pablojim/highcharts-ng/tree/master/master/jsfiddles/basic/
  • 极性图表:http://jsfiddle.net/gh/get/jquery/3.1.1/pablojim/highcharts-ng/tree/master/master/jsfiddles/polar/
  • 多轴:http://jsfiddle.net/gh/get/jquery/3.1.1/pablojim/highcharts-ng/tree/master/master/jsfiddles/multi_axis/
  • 调整大小到屏幕尺寸:http://jsfiddle.net/gh/get/jquery/3.1.1/pablojim/highcharts-ng/tree/master/master/jsfiddles/resizing/
  • 禁用更改检测检测http://j*s*fidd*le.net/gh/get/jquery/3.1.1/pablojim/highcharts-ng/tree/master/master/jsfiddles/disabled_change_detection/
  • 重新创建图表http://*js*f*iddle.net/gh/get/jquery/3.1.1/pablojim/highcharts-ng/tree/master/master/jsfiddles/recreating/

执照

该库可根据MIT许可证获得。但是,它是Highcharts的包装纸。 HighCharts本身有自己的许可证。因此,请确保也遵循其许可证(https://*githu**b.com/highcharts/highcharts/blob/master/license.txt)

注意:您需要将Highcharts库包括在内。它不包含在此存储库中。

当前版本

需要HighCharts/HighStock> = 5.0.0

仅支持AngularJ> = 1.5.8

配置格式与HighCharts-Ng 0.x.0不兼容

设置:

使用NPM安装:

npm install highcharts-ng

或与鲍尔:

bower install highcharts-ng --save

使用NPM添加Highcharts作为项目依赖性

npm install highcharts

或与鲍尔:

bower install highcharts --save

添加对HighCharts/HighStocks的参考:

 < script src =\" http://code.high*cha*r*ts.com/stock/highstock.src.js \" > </ script >

或者

 < script src =\" http://code.highch*art**s.com/highcharts.src.js \" > </ script >

将Highcharts添加到您的Angular App配置:

 var myapp = angular . module ( \'myapp\' , [ \"highcharts-ng\" ] ) ;

(可选)如果您在调整图表到屏幕尺寸的大小上有一些问题,请包括HighCharts-NG CSS文件

 < link href =\" dist/highcharts-ng.css \" rel =\" stylesheet \" >

制作图表!

 < highchart id =\" chart1 \" config =\" chartConfig \" > </ highchart >

chartConfig对象应与普通的Highcharts配置相同。在HighCharts中工作的任何选项也应在这里工作。要使用HighStock图表,您只需要在chartConfig中添加chartType: \'stock\'即可。

强烈建议给所有系列和轴一个独特的ID。

图表配置上的所有属性都是可选的。如果您不需要最佳的功能就可以完全遗漏 – Highcharts通常会默认为明智的东西。观察每个属性的Angularjs更改。

构建后,可以使用chartConfig.getChartObj()访问HighCharts Chart对象。这是访问该指令当前未管理的所有Highcharts API的简单方法。请参阅JSFIDDLE基本示例,以查看如何调用HighCharts的打印功能。

有时,创建整个新的Highcharts图表而不是更新上一张图是有意义的。为此,您需要将整个新图表配置对象传递到组件,而不是更新以前的配置对象。 (请参阅上面的示例部分)

如果您知道图表数据不会更改,则可以禁用更改估算以提高性能。这可以使用属性disable-change-detection=\"true\" 。但是,这实际上只会通过庞大的数据集影响图表。 (请参阅上面的示例部分)

特征:

  • 添加和删除系列
  • 设置/更新图表选项
  • 更新图表标题
  • 调整屏幕尺寸的变化。
  • 提供自定义更改式函数或表达式 – 为了速度,可以提供自定义更改的口气功能,以保存肮脏的检查完整图表配置。

以前不支持的功能:

  • 2与图表Xaxis结合。 (使用ChartConfig.getChartObj()获取轴值)
  • 通过配置(使用ChartConfig.getChartObj()获取轴值)的加载状态控制加载状态。
  • 在动态更新的系列上使用添加和删除点

警告:

  • 由于许多平等检查,指令可能会使用大数据集慢慢 – 尝试使用更改搜索
  • 整个图表/系列通常是重新绘制的,而数据的简单更新就足够了
  • 如果您不为系列分配ID-将添加增量ID。这可能意味着额外的重复。
  • 需要更多测试!

常问问题:

  • 与以前的0.0.x版本有什么不同?

这个版本要简单得多,应该更稳定。但是,某些功能仍将实现

  • 如何访问图表对象?

您可以使用config.getChartObj 。 95%的时间您不需要这个,而应该更改ChartConfig。

小心 – 如果您用图表对象手动更改图表中的图表对象,则图表中的图表可能最终不同步。

  • 您为什么不使用标准的Highcharts格式?

自1.0.0以来,支持Vanilla Highcharts对象!

版本

版本1.2.1

修复#592

版本1.2.0

由于许可问题而删除对Highcharts的明确依赖性,还允许用户在Highcharts和HighStocks之间进行选择。

  • 添加了对$ onchanges的支持,添加了新的绑定到禁用更改检测#622

感谢@ngehlert和其他人的贡献。

版本1.1.0

现在对HighCharts.js有明确的依赖性。

  • 修复调整#550
  • 添加的模块加载程序支持https://gith*ub.*co*m/pablojim/highcharts-ng/commit/508df111886c4be8b26e8b26e82cb6d3e2303f17efed8感谢@houssemba和其他人的贡献。

版本1.0.1

  • 修复多个Yaxes#201

版本1.0.0

  • 仅支持Highchart/HighStock> = 5.0.0
  • 仅支持angularjs> = 1.5.8(请参阅https://github.com/toddmotto/angular-compents,有关较低版本)
  • 移至AngularJS组件
  • 现在支持Vanilla Highcharts配置
  • 支持自定义更改检测功能
  • 应该更加稳定,较少的错误
  • 2轴绑定不再支撑
  • 加载属性不再支持

版本0.0.13

  • 次要错误文件

版本0.0.12

  • 在可能的情况下使用附加点
  • 分开的懒货人 – 谢谢@graingert
  • 很多更新和修复 – 谢谢@graingert

版本0.0.11

  • 缺少Yaxis的控制台错误的错误修复

版本0.0.10

  • 错误修复0.0.9-深度扩展问题

版本0.0.9

  • 懒惰加载 – 谢谢@fdim
  • 更好的导航器支持 – 谢谢 @asethi77
  • 很多错误修复 – 感谢所有贡献者

版本0.0.8

  • 添加了config.gethighcharts-谢谢@valentinh
  • 很多错误修复 – 感谢所有贡献者
  • 现在支持Highmaps-请参阅:http://rawgit.com/pablojim/highcharts-ng/master/example/maps/maps/maps/example.html

版本0.0.7

  • 更好地支持大型数据系列 – 谢谢 @f1ghtingfalcons
  • 很多错误修复 – 感谢所有贡献者

版本0.0.6

  • 没有添加数据逻辑 – 谢谢@eranbetzalel
  • 添加了回流活动,谢谢@pajooh
  • 添加了尺寸设置的示例
  • 次要错误修复

版本0.0.5

  • 现在看大小属性
  • 在轴周围进行更健壮的检查

版本0.0.4

  • 修复以最小化文件

版本0.0.3

  • 迁移到Grunt,Bower和NPM
  • 错误修复
  • 一些加速

版本0.0.2

  • 删除了jQuery依赖性
  • 允许用于NULL配置选项

版本0.0.1(与当前版本不兼容)

 < highchart id =\" chart1 \" series =\" chart.series \" title =\" chart.title \" options =\" chart.options \" > </ highchart >

请参阅此处的示例:http://jsfiddle.net/pablojim/46rhz/

下载源码

通过命令行克隆项目:

git clone https://github.com/pablojim/highcharts-ng.git

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

左子网 开发教程 highcharts ng https://www.zuozi.net/31977.html

StarBlog
上一篇: StarBlog
iyzipay php
下一篇: iyzipay php
常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、描述:源码描述(含标题)与实际源码不一致的(例:货不对板); 2、演示:有演示站时,与实际源码小于95%一致的(但描述中有”不保证完全一样、有变化的可能性”类似显著声明的除外); 3、发货:不发货可无理由退款; 4、安装:免费提供安装服务的源码但卖家不履行的; 5、收费:价格虚标,额外收取其他费用的(但描述中有显著声明或双方交易前有商定的除外); 6、其他:如质量方面的硬性常规问题BUG等。 注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。
查看详情
  • 1、左子会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、左子无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在左子上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于左子介入快速处理。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务