随笔分类 -  Highcharts教程

摘要:参考链接:https://www.highcharts.com.cn/docs/themes 1.使用官方提供的主题js文件,只需要在 highcharts.js 后引入对应的文件即可,不用修改原有的js文件 示例代码: html代码: 2.自定义主题文件。 将图表的样式和数据配置分离是非常有必要的 阅读全文
posted @ 2019-02-27 14:25 哈喽哈喽111111 阅读(628) 评论(0) 推荐(0) 编辑
摘要:说用:引入export-data.js文件后,导出菜单中会自动显示出相应的导出选项,只需要在lang中换成中文名即可。 本实例除了包含系统自带的,还包括自定义的导出菜单等。 html代码 js代码 效果: 阅读全文
posted @ 2019-02-27 10:55 哈喽哈喽111111 阅读(1089) 评论(0) 推荐(0) 编辑
摘要:参考链接: https://www.highcharts.com.cn/docs/export-module-overview https://api.hcharts.cn/highcharts#exporting.chartOptions 图表导出模块是指提供了将网页中图表导出为常见的图片格式(P 阅读全文
posted @ 2019-02-26 12:56 哈喽哈喽111111 阅读(395) 评论(0) 推荐(0) 编辑
摘要:参考链接:https://www.highcharts.com.cn/docs/data-modules 1.javascript代码 2.html代码(含css) 效果: 阅读全文
posted @ 2019-02-25 17:39 哈喽哈喽111111 阅读(1093) 评论(0) 推荐(0) 编辑
摘要:参考链接:https://www.highcharts.com.cn/docs/data-modules 1.javascript代码 2.html代码 3.css代码 效果: 阅读全文
posted @ 2019-02-25 17:33 哈喽哈喽111111 阅读(336) 评论(0) 推荐(0) 编辑
摘要:1.html代码 2.js代码 阅读全文
posted @ 2019-02-25 16:49 哈喽哈喽111111 阅读(263) 评论(0) 推荐(0) 编辑
摘要:1.html代码 2.js代码 阅读全文
posted @ 2019-02-25 16:47 哈喽哈喽111111 阅读(430) 评论(0) 推荐(0) 编辑
摘要:参考链接:https://www.highcharts.com.cn/docs/process-text-data-file 1.javascript代码 2.html代码 效果: 1.修改成从scv文件中获取数据 csv文件内容如下: 2.py代码 3.html代码 4.js代码 --还是原来的 阅读全文
posted @ 2019-02-25 16:29 哈喽哈喽111111 阅读(1539) 评论(0) 推荐(0) 编辑
摘要:参考链接:https://www.highcharts.com.cn/docs/ajax 参考链接中的示例代码是使用php写的,这里改用python写。 需要注意的地方: 1.接口返回的数据格式,这个需要根据Ajax请求代码而定,是一个数值,还是一个数组。 2.js中Ajax的写法,请求路径,请求返 阅读全文
posted @ 2019-02-25 11:27 哈喽哈喽111111 阅读(2174) 评论(0) 推荐(0) 编辑
摘要:服务端动态渲染图表 参考文章链接:https://www.highcharts.com.cn/docs/dynamic-produce-html-page 参考文章是使用php写的,我这边改用python写 具体如下: 1.目录结构: ajax_demo ajax_demo.py templates 阅读全文
posted @ 2019-02-23 17:47 哈喽哈喽111111 阅读(1390) 评论(0) 推荐(0) 编辑
摘要:1.html页面写法 2.a.js文件 注意js文件的写法: 或者其简写形式: 阅读全文
posted @ 2019-02-21 10:37 哈喽哈喽111111 阅读(1301) 评论(0) 推荐(0) 编辑