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

hmmo2u0o  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(150)

我想动态地更改刻度的标题颜色,但是在创建图表后,选项中的“标题”不可用。
比例定义如下:

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';

错误消息如下所示:
TS 2339:属性“title”在类型“_DeepPartialObject〈{类型:“线性”; } &笛卡尔比例选项& { beginAtZero:布尔值;建议最小值?:编号;建议最大值?:数量;宽限期?:串|数字;刻度:{格式:数字格式选项;精度:数字; stepSize:数字; count:数量;}; }〉|......还有四个......|类型“_DeepPartialObject<...>〈{类型:“径向线性”;}核心缩放选项(& C)& {动画:布尔值;Angular 线:{显示:布尔值;颜色:可脚本化〈颜色,可脚本化缩放上下文〉;线宽:可编写脚本<...>; borderDash:可编写<...>脚本的; borderDashOffset:可编写脚本<...>; };... 7更多...;刻度:刻度选项& {...;}; }〉“。
...有什么想法吗?我使用的是TypeScript -TypeScript定义不完整吗?

ylamdve6

ylamdve61#

回答我自己的问题--我不得不像下面这样向CartesianScaleOptions投标:
(这个.chartMainObj.选项.刻度[刻度名称]).title.color =颜色;

相关问题