素材牛VIP会员
当前位置： 首页 » 网页特效 » highcharts柱形图/饼状图/混合图表实例

highcharts柱形图/饼状图/混合图表实例

 所属分类：网页特效-表格

 浏览：1226次  评论：2次  更新时间：2019-11-15
牛币素材VIP可免积分下载
highcharts柱形图/饼状图/混合图表实例
 查看演示  立即下载 收藏
highcharts柱形图/饼状图/混合图表实例
 查看演示  立即下载
积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！   充值积分   充值会员   更多说明»
素材描述：layui基于highcharts图表插件制作柱形图，饼状图，混合图案例演示。使用ajax调用json动态获取图表数据。这是一款可定制修改的数据图表实例。
 标签：html5图表动态图表网页图表highcharts图表统计饼状图柱状图

文件目录结构

  • css
    • highcharts
      • ┝ .project
      • highcharts
        • ┝ .project
        • ┝ highcharts.js
        • ┝ highcharts.json
        • ┝ highcharts_B.json
        • ┝ highcharts_H.json
      • ┝ highcharts.js
      • ┝ highcharts.json
      • ┝ highcharts_B.json
      • ┝ highcharts_H.json
      • ┝ index.html
      • js
        • ┝ jquery.min.js
      • layui
        • css
          • ┝ layui.css
          • ┝ layui.mobile.css
          • modules
            • ┝ code.css
            • laydate
              • default
                • ┝ laydate.css
            • layer
              • default
                • ┝ icon-ext.png
                • ┝ icon.png
                • ┝ layer.css
                • ┝ loading-0.gif
                • ┝ loading-1.gif
                • ┝ loading-2.gif
        • font
          • ┝ iconfont.eot
          • ┝ iconfont.svg
          • ┝ iconfont.ttf
          • ┝ iconfont.woff
          • ┝ iconfont.woff2
        • images
          • face
            • ┝ 0.gif
            • ┝ 1.gif
            • ┝ 10.gif
            • ┝ 11.gif
            • ┝ 12.gif
            • ┝ 13.gif
            • ┝ 14.gif
            • ┝ 15.gif
            • ┝ 16.gif
            • ┝ 17.gif
            • ┝ 18.gif
            • ┝ 19.gif
            • ┝ 2.gif
            • ┝ 20.gif
            • ┝ 21.gif
            • ┝ 22.gif
            • ┝ 23.gif
            • ┝ 24.gif
            • ┝ 25.gif
            • ┝ 26.gif
            • ┝ 27.gif
            • ┝ 28.gif
            • ┝ 29.gif
            • ┝ 3.gif
            • ┝ 30.gif
            • ┝ 31.gif
            • ┝ 32.gif
            • ┝ 33.gif
            • ┝ 34.gif
            • ┝ 35.gif
            • ┝ 36.gif
            • ┝ 37.gif
            • ┝ 38.gif
            • ┝ 39.gif
            • ┝ 4.gif
            • ┝ 40.gif
            • ┝ 41.gif
            • ┝ 42.gif
            • ┝ 43.gif
            • ┝ 44.gif
            • ┝ 45.gif
            • ┝ 46.gif
            • ┝ 47.gif
            • ┝ 48.gif
            • ┝ 49.gif
            • ┝ 5.gif
            • ┝ 50.gif
            • ┝ 51.gif
            • ┝ 52.gif
            • ┝ 53.gif
            • ┝ 54.gif
            • ┝ 55.gif
            • ┝ 56.gif
            • ┝ 57.gif
            • ┝ 58.gif
            • ┝ 59.gif
            • ┝ 6.gif
            • ┝ 60.gif
            • ┝ 61.gif
            • ┝ 62.gif
            • ┝ 63.gif
            • ┝ 64.gif
            • ┝ 65.gif
            • ┝ 66.gif
            • ┝ 67.gif
            • ┝ 68.gif
            • ┝ 69.gif
            • ┝ 7.gif
            • ┝ 70.gif
            • ┝ 71.gif
            • ┝ 8.gif
            • ┝ 9.gif
        • lay
          • modules
            • ┝ carousel.js
            • ┝ code.js
            • ┝ colorpicker.js
            • ┝ element.js
            • ┝ flow.js
            • ┝ form.js
            • ┝ jquery.js
            • ┝ laydate.js
            • ┝ layedit.js
            • ┝ layer.js
            • ┝ laypage.js
            • ┝ laytpl.js
            • ┝ mobile.js
            • ┝ rate.js
            • ┝ slider.js
            • ┝ table.js
            • ┝ transfer.js
            • ┝ tree.js
            • ┝ upload.js
            • ┝ util.js
        • ┝ layui.all.js
        • ┝ layui.js
    • img
      • ┝ index.html
      • js
        • ┝ jquery.min.js
      • layui
        • css
          • ┝ layui.css
          • ┝ layui.mobile.css
          • modules
            • ┝ code.css
            • laydate
              • default
                • ┝ laydate.css
            • layer
              • default
                • ┝ icon-ext.png
                • ┝ icon.png
                • ┝ layer.css
                • ┝ loading-0.gif
                • ┝ loading-1.gif
                • ┝ loading-2.gif
        • font
          • ┝ iconfont.eot
          • ┝ iconfont.svg
          • ┝ iconfont.ttf
          • ┝ iconfont.woff
          • ┝ iconfont.woff2
        • images
          • face
            • ┝ 0.gif
            • ┝ 1.gif
            • ┝ 10.gif
            • ┝ 11.gif
            • ┝ 12.gif
            • ┝ 13.gif
            • ┝ 14.gif
            • ┝ 15.gif
            • ┝ 16.gif
            • ┝ 17.gif
            • ┝ 18.gif
            • ┝ 19.gif
            • ┝ 2.gif
            • ┝ 20.gif
            • ┝ 21.gif
            • ┝ 22.gif
            • ┝ 23.gif
            • ┝ 24.gif
            • ┝ 25.gif
            • ┝ 26.gif
            • ┝ 27.gif
            • ┝ 28.gif
            • ┝ 29.gif
            • ┝ 3.gif
            • ┝ 30.gif
            • ┝ 31.gif
            • ┝ 32.gif
            • ┝ 33.gif
            • ┝ 34.gif
            • ┝ 35.gif
            • ┝ 36.gif
            • ┝ 37.gif
            • ┝ 38.gif
            • ┝ 39.gif
            • ┝ 4.gif
            • ┝ 40.gif
            • ┝ 41.gif
            • ┝ 42.gif
            • ┝ 43.gif
            • ┝ 44.gif
            • ┝ 45.gif
            • ┝ 46.gif
            • ┝ 47.gif
            • ┝ 48.gif
            • ┝ 49.gif
            • ┝ 5.gif
            • ┝ 50.gif
            • ┝ 51.gif
            • ┝ 52.gif
            • ┝ 53.gif
            • ┝ 54.gif
            • ┝ 55.gif
            • ┝ 56.gif
            • ┝ 57.gif
            • ┝ 58.gif
            • ┝ 59.gif
            • ┝ 6.gif
            • ┝ 60.gif
            • ┝ 61.gif
            • ┝ 62.gif
            • ┝ 63.gif
            • ┝ 64.gif
            • ┝ 65.gif
            • ┝ 66.gif
            • ┝ 67.gif
            • ┝ 68.gif
            • ┝ 69.gif
            • ┝ 7.gif
            • ┝ 70.gif
            • ┝ 71.gif
            • ┝ 8.gif
            • ┝ 9.gif
        • lay
          • modules
            • ┝ carousel.js
            • ┝ code.js
            • ┝ colorpicker.js
            • ┝ element.js
            • ┝ flow.js
            • ┝ form.js
            • ┝ jquery.js
            • ┝ laydate.js
            • ┝ layedit.js
            • ┝ layer.js
            • ┝ laypage.js
            • ┝ laytpl.js
            • ┝ mobile.js
            • ┝ rate.js
            • ┝ slider.js
            • ┝ table.js
            • ┝ transfer.js
            • ┝ tree.js
            • ┝ upload.js
            • ┝ util.js
        • ┝ layui.all.js
        • ┝ layui.js
      展开查看全部

      相关素材 - 表格

      jQuery圆形图表统计插件corechart.js
      jQuery圆形图表统计插件corechart.js
      jQuery圆形图表统计插件corechart.js，兼容性很好，使用起来也非常简单，看下代码就知道怎么用了。
       表格
       4    4840
      常用的数据统计图ets
      常用的数据统计图ets
      利用ets，制作常用的数据统计图效果
       表格
       3    3237
      amcharts图表统计插件
      amcharts图表统计插件
      国内各大网站都在使用图标统计，包含折线图、柱状图、饼图等，2D和3D效果，纯JS生成
       表格
       1    1948
      简单实用的jQuery饼状图统计效果
      简单实用的jQuery饼状图统计效果
      本效果基于highcharts.js实现的饼状图效果。
       表格
       0    2143
      echarts销售收入图表实例
      echarts销售收入图表实例
      H5基于echarts制作水平柱状季度收入图表，一年的曲线走势图表，圆形的投票率图表这3种常用的销售统计图表实例代码。
       统计图,柱状图,饼状图,曲线图
       1    915
      饼状图导航菜单布局网页特效
      饼状图导航菜单布局网页特效
      基于svg绘制饼状图形导航，圆形导航菜单布局样式代码。
       表格
       3    962
      jQuery饼状图制作比例分布图数据显示网页特效
      jQuery饼状图制作比例分布图数据显示网页特效
      利用jQuery图表插件制作饼状图网站统计数据查看，会员地区分布数据比例和会员性别分布数据比例以饼状图型显示效果
       统计图,饼状图
       0    1174
      非常漂亮的et柱状统计图
      非常漂亮的et柱状统计图
      通过分数段，将一个类目下的柱状图数据进行颜色区分
       表格
       0    1811

      讨论这个素材（2）回答他人问题或分享使用心得会奖励牛币

      Lv7 码师
      qq***43  
      2019年11月16日

      很有用的知识，好好学习

      回复
      Lv3 码奴
      qq***12  
      2020年09月01日

      好贵啊

      回复
       文明上网，理性发言！   😉 阿里云幸运券，戳我领取
      热门推荐 / HOT
      最新发布 / NEW
      我的牛币余额：0
      所需牛币：20 开始下载

      牛币获取：签到、评论、充值    » 在线充值（10牛币=1元）

      此素材VIP可免积分下载  » 查看详情
      联系我们关于我们获取牛币版权说明
      客服标签
      Copyright 2016-2022 © 素材牛（www.sucainiu.com）鄂公网安备 42090202000075号 - 鄂ICP备2021002952号-1