2017-11-17 4 views
3

私はそこチャートのshadowプロパティがあるが、動作するようには思えない、誰かが私の間違いを指摘することができます私のチャートの境界にハイチャートチャートのボックスシャドウを追加するには?

border-radius: 4px; 
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); 
border: solid 1px #e1e1e1; 

を次のスタイルを持っていたいですか?私はそれがこの

enter image description here

+0

を更新しましたあなたは、チャートコンテナにスタイルを適用しようとしていますか?あなたのスタイルルールにどのようなセレクタを使用していますか? –

+0

更新された回答を確認してください。目的の結果が得られるまで、 'width'値を増減してください。 – ceferrari

答えて

3

が変更shadow、代わりに文字列の数にoffsetXoffsetY次のとおりです。

Highcharts.chart('container', { 
    chart: { 
     shadow: { 
      color: 'rgba(0, 0, 0, 0.1)', 
      offsetX: 1, 
      offsetY: 1, 
      opacity: '0.1', 
      width: 10 
     } 
    } 
}); 

Fiddle

1

ようになりたい理由だけではなく、コンテナにそれを適用しない:ここでは

おかげ

jsfiddle

編集しているのですか?ここでJsfiddle

#container { 
    border-radius: 4px; 
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); 
    border: solid 1px #e1e1e1; 
} 
関連する問題