Bootstrap柱状图插件

Bootstrap柱状图插件

本文用素材圈的日访问ip来生成bootstrap柱状图。支持自定义颜色、标题和统计图下方数字范围。

淘建站为您提供更多_其它特效_统计图_柱状图,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 150 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:统计图 > 柱状图 难易程度:中级

柱状统计图html代码

<div id="population_chart" data-sort="false" data-width="800" class="jChart chart-lg" name="日ip访问统计">
    <div class="define-chart-row" data-color="#84d6ff" title="网页特效">500000</div>
    <div class="define-chart-row" data-color="#38BCFF" title="网站模板">217500</div>
    <div class="define-chart-row" data-color="#00A9FF" title="网站源码">119000</div>
    <div class="define-chart-row" data-color="#008DD3" title="PHP">78000</div>
    <div class="define-chart-row" data-color="#0074AA" title="在线工具">466000</div>
    <div class="define-chart-row" data-color="#005882" title="精选网址">326000</div>

    <div class="define-chart-footer">100000</div>
    <div class="define-chart-footer">200000</div>
    <div class="define-chart-footer">300000</div>
    <div class="define-chart-footer">400000</div>
    <div class="define-chart-footer">500000</div>
</div>

引入bootstrap和jchart.js统计图插件

<script src="http://libs.useso.com/js/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="js/jchart.js"></script>

调用jChart.js

$("#population_chart").jChart({x_label: "统计图标题"});

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/650.html
Bootstrap柱状图插件 希望对你有帮助,感谢您的支持!
  • amcharts柱状图、漏斗图、仪表盘等83种不同的图表

    amcharts柱状图、漏斗图、仪表盘等83种不同的图表

  • jquery.highcharts.js柱状图,曲线图,饼图混合图

    jquery.highcharts.js柱状图,曲线图,饼图混合图

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2