我有一个水平图表栏。它在桌面上看起来不错,但是在移动版本(低于480px)中,它变得更小了。我已经在它的网站上看到了charist响应选项,但是,我无法在js代码中实现响应选项。我想在移动版本中显示它足够大。我是开放的,使条形图垂直移动版本。

$('#section-sk').waypoint(function(direction){

if(direction === 'down'){

$('.js-animation-2').addClass('animated fadeInUp')

var myChart = new Chartist.Bar('.ct-chart', {

labels: ['Text-7', 'Text-6', 'Text-5', 'Text-4', 'Text-3', 'Text-2', 'Text1'],

series: [

[

{meta: 'Something', value: 50},

{meta: 'Something', value: 80},

{meta: 'Something', value: 100},

{meta: 'Something', value: 75},

{meta: 'Something', value: 15},

{meta: 'Something', value: 80},

{meta: 'Something', value: 40}

]

]

}, {

horizontalBars: true,

low: 10,

high: 100,

axisY: {

offset: 75

},

axisX: {

offset: 50,

type: Chartist.FixedScaleAxis,

ticks: [10,20, 30,40, 50, 60, 70, 80, 90, 100],

},

plugins: [

Chartist.plugins.tooltip()

]

});

Java ist reverse_charist.js响应相关推荐

  1. 大四学年在某软件公司实习(java + groovy + vue.js)近半年工作总结

    就快要离开公司了,总想要说点什么.虽然在这里呆的时间不长,平时除了几个熟悉的同事交流的比较多之外,我对其他很多人知之甚少.无知带来的最大的一个问题便是傲慢和偏见,这是每一个人都无法改变的,即使你后天经 ...

  2. 基于javaweb的新闻管理系统(java+ssm+html+js+jsp+mysql)

    基于javaweb的新闻管理系统(java+ssm+html+js+jsp+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/idea/myecli ...

  3. Java与Node.js性能PK

    原文链接:www.tandemseven.com/b... 如果你打开浏览器,搜索"Java与Node.js哪个更快",你会发现大部分答案声称Node.js更快,也有一些人持相反意 ...

  4. Java 接受reactjs数据_[Java教程]react.js 父子组件数据绑定实时通讯

    [Java教程]react.js 父子组件数据绑定实时通讯 0 2017-09-23 17:00:14 import React,{Component} from 'react'import Reac ...

  5. 如何在java中调用js方法

    [java] view plain copy/* * 加载脚本引擎,并在java中调用js方法 */ public void test2() { ScriptEngineManager manager ...

  6. vue.js响应式原理解析与实现

    从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染.之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新 ...

  7. ImageLightbox.js – 响应式的图片 Lightbox 插件

    ImageLightbox.js 是一款很简洁的用于显示图片灯箱效果(Lightbox)的插件,没有字幕,导航按钮或默认背景.如果默认功能不够用的话,你可以很容易地自定义 JavaScript 函数扩 ...

  8. Vue.js响应式原理

    Vue.js响应式原理 框架 浏览数:659 2017-9-20 关于Vue.js Vue.js是一款MVVM框架,上手快速简单易用,通过响应式在修改数据的时候更新视图.Vue.js的响应式原理依赖于 ...

  9. js变量和java变量相等,js中变量和jsp中java代码中变量互相访问解决方案

    1.js变量获取jsp页面中java代码的变量值. 方法:var JS变量名 = 我们常常会将js文件和jsp文件分开写,在js文件中,上面的方法似乎不管用了. 也可以通过变通的方法来解决: a.js ...

最新文章

  1. showModalDialog和showModelessDialog使用心得
  2. 移动安全问题不可掉以轻心,Check Point剖析近日移动安全问题
  3. python代码壁纸-一个爬取壁纸的python代码
  4. 关于Raid0,Raid1,Raid5,Raid10的总结
  5. cpu飙升 死循环_JDK8中HashMap依然会产生死循环问题!
  6. Python内置函数总结
  7. 夯实Java基础(二十二)——Java8新特性之Lambda表达式
  8. ​5项人工智能实例,令人惊叹!
  9. vue项目引入三方字体
  10. Socket(网络编程)面试题
  11. 如何将word图片粘贴到动易CMS里面
  12. 需求分析及技术方案设计
  13. nanovna使用说明_白色NanoVNA 矢量网络分析仪天线短波 MF HF VHF便携式频谱分析仪...
  14. S5P4418启动镜像分析
  15. 3D游戏设计-天空盒
  16. 每日积累【Day 3】Hbase架构深入学习
  17. 2021-01-20
  18. 决策树CART、ID3、C4.5原理梳理
  19. 【unity shader/风格化水表面渲染/基础笔记】urp代码版05-焦散模拟
  20. java实现文件重命名

热门文章

  1. 阿里云python面试题_Python金典面试题
  2. python多个分隔符分割字符串_Python中带有多个分隔符的拆分字符串
  3. c轴 t轴 l轴_气涨轴-气胀轴
  4. linux根文件系统创建过程
  5. ESP8266 wifi模块连接上了热点之后 与服务器建立了tcp连接并进入了透传模式,如果关掉热点wifi模块的tcp连接没有切断,为什么
  6. android studio怎样运行uniapp打包项目_uni app系列002:离线打包apk(2)
  7. 学习记录(一)之h5_canvas
  8. Android自定义进度条
  9. Oracle常用sql(持续更新)
  10. luogu2024 食物链