我在ember中创建一个仪表板,并结合使用C3图表和一个bootstrap标记来使用gridster。
在我手动调整gridster小部件的时候,html没有响应并且保持相同/大小的位置。
我希望有人可以帮助我使C3图表响应。 (填写手动调整大小的gridster小部件的大小)
我的代码概述:
import Ember from 'ember';
export default Ember.Component.extend({
tagname: "",
didInsertElement: function(){
Ember.$(".gridster ul").gridster({
widget_base_dimensions: [359, 200],
widget_margins: [5, 5],
helper: 'clone',
resize: {
enabled: true,
max_size: [3, 3],
min_size: [1, 1]
},
serialize_params: function($w, wgd) {
return {
col: wgd.col,
row: wgd.row,
size_x: wgd.size_x,
size_y: wgd.size_y
};},
}).data('gridster');
}
});
HTML:
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
{{c3-chart data=model.c3data4 color=model.color}}
</li>