Javascript 如何为highchart添加框阴影？

我想在我的图表边框上有以下样式

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

图表有阴影属性，但似乎不起作用，有人能指出我的错误吗

谢谢

这是你的电话号码

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

---

为什么不直接将其应用于容器？这是你的电话号码

---

将

shadow

、

offsetX

和

offsetY

更改为数字而不是字符串：

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

---

已更新

是否尝试将样式应用于图表容器？您使用哪种选择器来选择样式规则？请检查我的更新答案。只需增加或减少

width

值，直到获得所需的结果。

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