zoukankan      html  css  js  c++  java
  • Highchart插件简介和引入方式

    一、Highchart简介:

    Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表。

    Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。

    http://www.hcharts.cn/products/highcharts

    http://www.hcharts.cn/docs/compatibility

    名词解解释:

    svg:可缩放矢量图形是基于可扩展标记语言标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。相关教程:http://www.runoob.com/svg/svg-tutorial.html。

    vml:相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了,如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面,使IE也具备了绘图功能。

    vml手册:http://www.g168.net/txt/vml/

    二、环境配置

    1、引入jquery:

    • 使用本地安装包
    • 使用本地静态资源库:http://cdn.static.runoob.com/libs/jquery/2.1.4/jquery.min.js
    • 使用百度静态资源库的jQuery资源:http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

    2、引入Highcharts插件:

    • 访问 highcharts.com 下载 Highcharts 包。
    • 2、使用官方提供的 CDN 地址:http://code.highcharts.com/highcharts.js
  • 相关阅读:
    .editorconfig
    每日日报
    每日日报
    每日日报
    每日日报
    每日日报
    《大道至简》读后感
    每日日报
    每日日报
    每日日报
  • 原文地址:https://www.cnblogs.com/john-sr/p/6012181.html
Copyright © 2011-2022 走看看