Javascript 隐藏ChartJS线图中的点
最初,我将每个点的填充颜色设置为完全透明。如果我把鼠标放在图形上,点就会弹出。我想隐藏所有的点,这样线图是平滑的 您可以通过在配置选项中设置点的半径属性来实现这一点,如下所示:Javascript 隐藏ChartJS线图中的点,javascript,chart.js,Javascript,Chart.js,最初,我将每个点的填充颜色设置为完全透明。如果我把鼠标放在图形上,点就会弹出。我想隐藏所有的点,这样线图是平滑的 您可以通过在配置选项中设置点的半径属性来实现这一点,如下所示: var chartConfig = { type: 'line', options: { elements: { point:{ radius: 0
var chartConfig = {
type: 'line',
options: {
elements: {
point:{
radius: 0
}
}
}
}
点的工具提示也将消失。您可以将设置为零
var myChart=新图表(
ctx{
键入:“行”,
数据:{
标签:[……]
数据集:[
{
数据:[……],
pointRadius:0,#此配置是全局配置,但我得到了一个包含3条线的图表,我只想禁用其中一条them@fifth您可以在每个数据集对象上设置pointRadius
属性。请参见下面的@Alexander的答案。我添加了“borderWidth:1”和“pointRadius:0.5”因为我还需要一条细线和一个小点来悬停在它们上面。我需要添加pointHitRadius:0
以及禁用工具提示。pointRadius不起作用:(@throrin19什么不起作用?上面的链接已经完整记录了。对不起,我想我已经禁用了我的单击。我的问题是vue chartjs。选项没有与chartjs正确同步
var myChart = new Chart(
ctx, {
type: 'line',
data: {
labels: [...]
datasets: [
{
data: [...],
pointRadius: 0, # <<< Here.
}
]
},
options: {}
})