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

Question

chart.js非常新。对此有一些疑问，无法解决。

• 好吧，我希望我的图形如下图所示。 image1.jpg

• 这是我到目前为止的样式。 image2.jpg

• 必需的样式。
  1. 我不希望网格线像image1.jpg那样在比例线之后扩展。
  2. 自定义轴标签字体粗细。
  3. 像image1.jpg中一样，重叠图的网格线。
  4. 图形彼此重叠的丰富色彩混合。 （它在那里，但不是image1.jpg）。

请帮助解决此问题。预先感谢。

Answer 1

生成图之后，

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

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

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

尝试在此之后加上这一行：

ctxmixedBarLine.globalCompositeOperation = 'destination-over';