C3.js響應x軸的時間序列

我試圖創建一個圖表，可好看了在移動和桌面使用C3（http://c3js.org/）。C3.js響應x軸的時間序列

然而，我無法得到x軸，這是一個時間序列，用於移動顯示的變化的大小。我設法做到這一點的唯一方法是銷燬圖形並重新創建它。但是這阻止了我向圖表添加一個很好的轉換，這將是非常好的。 [！[桌面視圖] [1] [1]

我嘗試使用蜱在x軸上剔除選項，並設置爲8的最大值，但使用任一沖洗時（此選項被忽略）或resize（）方法。

所以我的問題是：有沒有辦法來改變x軸的值，而不必破壞圖形和重新產生的呢？ http://imgur.com/EMECqqB

來源

2015-09-14 Mihail

我已經使用了onresized: function() {...}

，或者您可以使用onresize: function() { ... }

link

改變調整大小的屏幕上剔除最大值：

 axis: { 
      x: { 
       type: 'timeseries', 
       tick: { 
        culling: true, 
        format: '%m-%d', 
        fit:true, 
        culling: { 
         max: window.innerWidth > 500 ? 8 : 5 
        } 
       } 
      } 
     }, 

     onresized: function() { 
      window.innerWidth > 500 ? chart.internal.config.axis_x_tick_culling_max = 8 : chart.internal.config.axis_x_tick_culling_max = 5; 
     },

這裏一個例子：https://jsfiddle.net/07s4zx6c/2/

來源

2017-03-29 12:50:42 chakuhogod

根據設備尺寸

這樣添加mediaquery。

@media screen and (max-width:810px) { 
    .c3 svg { font: .8em sans-serif; } 
}

來源

2015-09-15 08:06:44 nontoxice

C3.js響應x軸的時間序列

回答

相關問題