zingchart - ノードで塗りつぶされた棒グラフは透明で、棒はホバー時にのみ表示されます

Question

これが私がやろうとしていることの例です: http://jsfiddle.net/4pb8uzt8/13/

$scope.myJson = {
    'plot': {
    'styles': ['#fff', 'red', 'pink']
  },
  'scale-x': {
    'values': ['white', 'red', 'pink']
  },
  'type': 'bar',
  'series': [{
    'text': 'Product History Color',
    'values': [2, 6, 8]
  }]
}

Zingchart (2.3.0) と AngularJs (1.4.7) および Ionic (1.1.0) を使用しています

これまでのところ、私のアプリのすべてのグラフは正常に機能しています。しかし、バーの塗りつぶしをカスタマイズしようとすると、奇妙な動作が発生しました。バーは非表示で、マウスをホバーするとバーが表示されます。それがどこから来ているのかを突き止めようとしましたが、奇妙なことは何も見つかりませんでした。

何か案が ？JSFiddle に示されているものとまったく同じ json を使用しました。これは文字通りコピーアンドペーストです。

透明バー

ありがとうございました。

アップデート

ルート URL にいないため、AngularJs アプリで属性fill: url(#...)が認識されません。アプリ/グラフの例。状態「グラフ」を次のように属性に追加した場合にのみ機能します。

url(graph#...) 

私の質問は、グラデーションを使用せずに私がやろうとしていることを達成する方法はありますか?

問題を解決するアプリの状態ごとにタグを追加することは避けたいと思います。