我有一個水平圖表欄。它在桌面上看起來不錯,但是在移動版本(低于480px)中,它變得更小了。我已經(jīng)在它的網(wǎng)站上看到了charist響應(yīng)選項,但是,我無法在js代碼中實現(xiàn)響應(yīng)選項。我想在移動版本中顯示它足夠大。我是開放的,使條形圖垂直移動版本。

$('#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()

]

});

總結(jié)

以上是生活随笔為你收集整理的Java ist reverse_charist.js响应的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。