Line Chart.js中具有反转图像的点样式属性

Line Chart.js中具有反转图像的点样式属性,chart.js,chart.js2,Chart.js,Chart.js2,参考小提琴: 当前行为 Chart.js中的“点样式”属性提供了某些图标,如要在折线图上显示的圆、三角形、矩形等 var选项={ 键入:“行”, 数据:{ 标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”], 数据集:[ { 标签:“#投票数”, 数据:[12,-19,3,5,2,3], 边框宽度:1, 点样式:'三角形', 点半径:'10', pointBackgroundColor:“红色” }, ], pointStyle:“三角形” }, 选项:{ 比例:{ 雅克斯

参考小提琴:

当前行为 Chart.js中的“点样式”属性提供了某些图标,如要在折线图上显示的圆、三角形、矩形等

var选项={
键入:“行”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[
{
标签:“#投票数”,
数据:[12,-19,3,5,2,3],
边框宽度:1,
点样式:'三角形',
点半径:'10',
pointBackgroundColor:“红色”
},	
],
pointStyle:“三角形”
},
选项:{
比例:{
雅克斯:[{
滴答声:{
反面:假
}
}]
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
新图表(ctx,选项)
canvas{背景色:#eee;
}

Chart js允许提供一个
pointStyle
数组,而不仅仅是一个。它还允许提供图像来代替预设的指针样式

var image=document.getElementById('source');
变量选项={
键入:“行”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“#投票数”,
数据:[12,-19,3,5,2,3],
边框宽度:1,
点样式:['triangle',image','triangle','triangle','triangle','triangle','triangle','triangle','triangle'],
点半径:“10”,
pointBackgroundColor:“红色”
},
],
点样式:“三角形”
},
选项:{
比例:{
雅克斯:[{
滴答声:{
反面:假
}
}]
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
新图表(ctx,选项)

Hi,答案有帮助吗?