![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HightCharts
adamlevine7
转载请注明我文章的链接出处,原创不易,请支持原创!
展开
-
【工作记录0012】highcharts 选中 连续数据点 并求 Y轴值总和 的实现
最近公司需要统计报表,并显示在web端,所以学习了JavaScript的一个图标类库,也可以说是一个插件,叫 highcharts,它的官方中文网 http://www.hcharts.cn 选择hightcharts作为web端的图标显示插件的重要原因是:hightcharts是纯js写的,开源,且灵活性很强,可以对现有模板进行二次开发设计。但有一点缺...原创 2015-09-16 16:06:00 · 1701 阅读 · 1 评论 -
【工作记录0018】Hightcharts 设置加载中动画背景图,防止页面假死
使用ajax异步请求数据并显示到图标中,当每页显示图标数量或者数据列越多时,渲染越慢,等待时间更多,最终造成了页面的假死状态(页面在完成数据请求和渲染新图之前没什么动静)。为了防止假死状态,更为了更好的用户体验,hightcharts提供了加载中动画配置。1.hightcharts默认不开启加载中动画效果,是需要显示调用指定函数,才能开启或者关闭加载中动画。var res = $('#id原创 2017-04-07 15:02:50 · 4052 阅读 · 0 评论 -
【工作记录0019】Hightcharts 修改缩放(x/y/xy轴放大或缩小)按钮的文字
主要用到了Hightchart 的全局配置: //Highcharts 全局配置 Highcharts.setOptions({ // 所有语言文字相关配置都设置在 lang 里 lang: { resetZoom: '重置',//若图标设置了缩放功能,当鼠标选中数据列的连续点或者区域原创 2017-04-07 15:17:38 · 2127 阅读 · 0 评论 -
【工作记录0020】Hightcharts 导出图片
主要运用到 Hightcharts 的exporting 配置节,以下示例为导出图片或pdf :1.引入以下js文件,作为本地导出图片或pdf 的函数库:2.写入以下配置:var fileName = '这里是导出文件的名字(无需后缀名)';$('#id').highcharts({ //导出配置原创 2017-04-10 14:33:51 · 935 阅读 · 1 评论 -
【工作记录0021】Hightcharts xAxis labels 设置指 x 轴标题文字(Category)的颜色
有时候为了标记坐标下的标题文字样式,重点突出显示,通常情况下是改变文字颜色即可。效果图如下:如上图:我们想要x轴的某几个值(category)的标题突出显示,于是想要把 >6 的标题都显示为红色,其他默认黑色。hightcharts 中若设置 xAxis 下的 labels 的样式,会使其样式适用在所有x轴标题文字上,比如下图:所以为了达到第一张效果图的 改变指定条件下的指定标题原创 2017-04-26 17:36:00 · 5415 阅读 · 0 评论