Я использую Vue и ChartJS и хочу изменить стиль меток данных.
У меня есть 3 метки данных, я хочу изменить стиль второй метки на жирный с обычного.
plugins: {
legend: {
display: false,
},
tooltip: {
enabled: false,
},
datalabels: {
formatter: function (value, context) {
if (context.dataIndex === 1) {
var ctx = context.chart.ctx;
ctx.font = "bold 20px 'Noto Sans Kr', sans-serif";
ctx.fillStyle = "#333";
console.info(ctx.fontWeight);
}
return value + "원";
},
},
},
plugins: {
legend: {
display: false,
},
tooltip: {
enabled: false,
},
datalabels: {
formatter: function (value, context) {
if (context.dataIndex === 1) {
return {
text: value,
style : {
weight: 'bold'
}
}
}
return value + "원";
},
},
},
Текст возврата номер 2 — [object object], поэтому я не могу подтвердить, что стиль thT работает хорошо.
Пожалуйста, помогите мне изменить индивидуальный стиль баз данных.
Чтобы изменить шрифт, вы должны реализовать параметры сценария для параметров font
, а не для formatter
.
datalabels: {
font: (context) => context.dataIndex === 1 ? ({weight: 'bold'}) : undefined
formatter: (value) => value + "원"
},
моя вина. параметры шрифта доступны для сценариев, а не отдельные свойства. Я собираюсь обновить ответ
попробуйте сейчас с новым кодом или загляните в codepen: codepen.io/stockinail/pen/wvYoWgW Дайте мне знать, работает ли он и у вас.
Спасибо! оно работает! и у меня есть вопрос. если я сделаю так. ``` метки данных: { привязка: 'конец', выравнивание: 'конец', смещение: 0, метки: { название: { шрифт: { размер: 12, }, }, }, шрифт: (контекст) => (isMiddle (контекст) ? { вес: 'жирный' } : не определено), форматер: (значение) => значение + '원', }, ``` полужирный не работает. но если я удалю ``` font: {size: 12, }, ```, это сработает. почему?
он должен работать. Можете ли вы создать codepen для воспроизведения вашего варианта использования?
Давайте продолжим обсуждение в чате.
внутри функции веса шрифта не работает. Я изменился так. </br> --- метки данных: { шрифт: { вес: (контекст) => { console.info(контекст); вернуть context.dataIndex === 1 ? «жирный»: не определено; }, }, formatter: (value) => value + "원" }, --- но console.info никогда не показывает...