Question

我想在高图中响应饼图，我需要帮助。我的JSFiddle：http://jsfiddle.net/hAnCr/512/

?>

var_dump($val['timediffs']);

array (size=11)
  0 => 
    array (size=9)
      'timediffs' => string '09:00:00' (length=8)
  1 => 
    array (size=9)
      'timediffs' => string '08:32:00' (length=8)
  2 => 
    array (size=9)
      'timediffs' => string '09:21:00' (length=8)
  3 => 
    array (size=9)
      'timediffs' => string '08:22:00' (length=8)
  4 => 
    array (size=9)
      'timediffs' => string '06:30:00' (length=8)
  5 => 
    array (size=9)
      'timediffs' => string '08:42:00' (length=8)
  6 => 
    array (size=9)
      'timediffs' => string '09:00:00' (length=8)
  7 => 
    array (size=9)
      'timediffs' => string '09:24:00' (length=8)
  8 => 
    array (size=9)
      'timediffs' => string '09:41:00' (length=8)
  9 => 
    array (size=9)
      'timediffs' => string '08:46:00' (length=8)
  10 => 
    array (size=9)
      'timediffs' => string '08:54:00' (length=8)

Answer 1

饼图由svg创建。它不会自动响应，你必须测量容器的高度和宽度，并在窗口尺寸变化时调用rerender。

Answer 2

当您将宽度设置为100％（在容器样式中）时，Defaulty图表会响应。（示例http://jsfiddle.net/hAnCr/517/）。但是在您的图表中，您设置了一些硬编码值，这会影响不负责任。因此，您需要捕获$(windows).resize()，然后计算新的硬编码值并创建图表。

我该如何做响应式饼图

2 个答案: