欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

Java ist reverse_charist.js响应

发布时间:2024/10/8 50 豆豆
生活随笔 收集整理的这篇文章主要介绍了 Java ist reverse_charist.js响应 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

我有一个水平图表栏。它在桌面上看起来不错,但是在移动版本(低于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响应的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。