Question

当浏览器的大小调整为特定大小以下时，我正在尝试更新饼图上的c3图例。也无法通过CSS定位，因为该图是svg并创建了我们无法定位的组。例如svg g {...

这是我尝试使用c3函数legend.hide（）;隐藏和显示图例。此尝试在首次加载时起作用（删除调整大小功能），但是我希望它是动态的，因此，如果手动调整浏览器大小，则根据规则隐藏/显示图例。

$(window).resize(function() {
  if ($(window).width() < 650) {
    chart.legend.hide();
      console.log('plz hide!');
    } else {
      chart.legend.show();
    }
 });

Answer 1

尝试使用onresize属性：

public void catchCase(...){
refreshToken();
switch(expression) {
  case x:
    fun1(...)
     break;
  case y:
    fun2(...)
    break;
  case z:
    fun3(...)
  default:
    // code block

您还可以查看c3.js文档here

C3.js-在调整窗口大小时，如何从右到下更改图例位置？

1 个答案: