我想动态地更改刻度的标题颜色,但是在创建图表后,选项中的“标题”不可用。
比例定义如下:
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定义不完整吗?
1条答案
按热度按时间ylamdve61#
回答我自己的问题--我不得不像下面这样向CartesianScaleOptions投标:
(这个.chartMainObj.选项.刻度[刻度名称]).title.color =颜色;