如何在ChartJS中实现这种设计?我已经有代码了,但是缺少活动点的“发光”
这是我的密码
dataset._meta[metaIndex].data[index]._model.pointStyle = 'rectRot';
dataset._meta[metaIndex].data[index]._model.pointRadius = 7;
dataset._meta[metaIndex].data[index]._model.borderColor = '#007cff';
dataset._meta[metaIndex].data[index]._model.pointBackgroundColor = '#FFFFFF';
dataset._meta[metaIndex].data[index]._model.pointBorderWidth = 10;
dataset._meta[metaIndex].data[index]._model.pointBorderColor = 'rgba(1, 124, 251, 0.2)';
dataset._meta[metaIndex].data[index]._model.pointHoverRadius = 5;
更新日期:
我用这些代码复制了它
dataset._meta[metaIndex].data[index]._model.pointStyle = 'rectRot';
dataset._meta[metaIndex].data[index]._model.radius = 7;
dataset._meta[metaIndex].data[index]._model.borderColor = '#007CFF';
dataset._meta[metaIndex].data[index]._model.backgroundColor = '#FFFFFF';
dataset._meta[metaIndex].data[index]._model.borderWidth = 3;
和选项中
const options = {
elements: {
point: {
hoverRadius: 5,
hoverBackgroundColor: '#FFFFFF',
hoverBorderColor: 'rgba(1, 124, 251, 0.2)',
hoverBorderWidth: 15,
radius: 4,
hitRadius: 5,
},
},
};
1条答案
按热度按时间4urapxun1#
您可以将两个具有不同样式的不同数据加入至数据集,以达成此目的。
codesandbox