chart.js 3-“标题”在选项中不可用

Question

我想动态地改变title.color的比例，但是在创建图表之后，选项中没有“标题”。

标度的定义如下：

scales: {
          yTemp: {
            type: "linear",
            title: {
              display: true,
              text: 'Text',
              color: '#f00'
            },
            grid: {
              borderColor: '#f00'
            },
            ticks: {
              color: '#f00'
            },
          },

我可以像这样改变网格和滴答的颜色：

myChart.options.scales['yTemp'].ticks.color = '#333';
myChart.options.scales['yTemp'].grid.borderColor = '#333';

但是，由于某些原因，我不能做相同的改变标题的颜色如下：

myChart.options.scales['yTemp'].title.color = '#333';

​

​

错误消息如下：

TS2339:在类型'_DeepPartialObject<{ type：“线性”；}&{ CartesianScaleOptions &{ beginAtZero: boolean；suggestedMin?：number；suggestedMax?：number；grace?：字符串号；滴答：{格式: NumberFormatOptions；精度: number；stepSize: number；count: number；} }> \.4._DeepPartialObject<.‘>上不存在属性’标题‘。属性'title‘在类型'_DeepPartialObject<{ type："radialLinear"；}& CoreScaleOptions &{动画:布尔；angleLines：{display；Scriptable；lineWidth: Scriptable<...>；borderDash: Scriptable<...>；borderDashOffset: Scriptable<...>；}；……7.；蜱: TickOptions &{；} }>’上不存在。

..。有什么想法吗？我使用的是TypeScript -- TypeScript的定义不完整吗？

Answer 1

回答我自己的问题--我不得不像这样向CartesianScaleOptions施加天平：

(this.chartMainObj.options.scalesscaleName).title.color =颜色；