Javascript 在chart.js中显示图形上的网格线，在chart.js中显示粗体x轴标签，在chart.js中混合相交图形颜色_Javascript_Angular_Charts_Chart.js

Javascript 在chart.js中显示图形上的网格线，在chart.js中显示粗体x轴标签，在chart.js中混合相交图形颜色

javascript angular charts chart.js

Javascript 在chart.js中显示图形上的网格线，在chart.js中显示粗体x轴标签，在chart.js中混合相交图形颜色,javascript,angular,charts,chart.js,Javascript,Angular,Charts,Chart.js,对于chart.js来说，这是非常新的。对此有些怀疑，但不知道怎么做我希望我的图表如下图所示。image1.jpg 这就是我到目前为止的风格。image2.jpg 所需的样式。我不希望网格线像在image1.jpg中那样在缩放线之后展开自定义轴标签字体权重网格线与图形重叠，如image1.jpg中所示图形相互重叠的丰富颜色混合。（它在那里，但不是作为image1.jpg）请帮我弄清楚。提前感谢。在您通过生成图形之后 const canvasmixedBarLine:

对于

chart.js

来说，这是非常新的。对此有些怀疑，但不知道怎么做

我希望我的图表如下图所示。
```
image1.jpg
```

这就是我到目前为止的风格。
```
image2.jpg
```

所需的样式。
我不希望网格线像在
```
image1.jpg
```
中那样在缩放线之后展开
自定义轴标签字体权重
网格线与图形重叠，如
```
image1.jpg
```
中所示
图形相互重叠的丰富颜色混合。（它在那里，但不是作为
```
image1.jpg
```
）

请帮我弄清楚。提前感谢。

在您通过生成图形之后

const canvasmixedBarLine: any = document.getElementById('mixedBarLine');

const ctxmixedBarLine: any = canvasmixedBarLine.getContext('2d');

const mixedBarLine = new Chart(ctxmixedBarLine, {});

试着把这一行放在后面：

ctxmixedBarLine.globalCompositeOperation = 'destination-over';