响应式高图

Question

我试图让我的饼图根据视图大小表现出不同的行为。但是，响应式对象似乎不起作用。

我正在尝试更改小屏幕和大屏幕的图例和边距的位置。

如果我在 responsive: {} 对象之外定义边距和图例，它可以工作，但显然不会在小屏幕上更新。但是当我将它移到 responsive: {} 对象中时，它不再像我想要的那样表现了？

我不确定我在这里做错了什么。任何帮助将不胜感激。

您可以在此处找到我的图表的 jsfiddle 版本： https://jsfiddle.net/xqgw85mk/4/

Answer 1

您的代码中有一个小的拼写错误：

      {
        condtion: {
        minWidth: 1001
      },
      chartOptions: {
         ...
      }
    }

状况良好:)

固定：https://jsfiddle.net/BlackLabel/5f7yh3L1/

---

编辑

保证金选项应该在chart对象中定义：

{
condition: {
    minWidth: 1001
  },
  chartOptions: {
     chart: {
       margin: [...]
     }
  }
}

演示：https://jsfiddle.net/BlackLabel/aco2sn7r/