如何为高图图表添加框阴影?

时间:2017-11-17 18:06:37

标签: javascript html css highcharts

我希望在图表边框上使用以下样式

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

图表有阴影属性,但它似乎没有用,有人能指出我的错误吗?

由于

以下是jsfiddle

编辑:我希望它看起来像这样

enter image description here

2 个答案:

答案 0 :(得分:3)

shadowoffsetXoffsetY更改为数字而非字符串:

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

更新了Fiddle

答案 1 :(得分:1)

为什么不将它应用到容器中?这是Jsfiddle

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