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

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

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

  1. scales: {
  2. yTemp: {
  3. type: "linear",
  4. title: {
  5. display: true,
  6. text: 'Text',
  7. color: '#f00'
  8. },
  9. grid: {
  10. borderColor: '#f00'
  11. },
  12. ticks: {
  13. color: '#f00'
  14. },
  15. },

我可以像这样更改网格和刻度颜色:

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

但是,由于某种原因,我不能像这样更改标题颜色:

  1. 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 =颜色;

相关问题