隐藏图表 JS 折线图中的点答案

【问题标题】：Hide points in ChartJS LineGraph隐藏图表 JS 折线图中的点
【发布时间】：2023-03-24 04:19:01
【问题描述】：

最初我将每个点的填充颜色设置为完全透明。如果我在图表上运行鼠标，点就会弹出。我想隐藏所有点，使折线图平滑。

【问题讨论】：

【解决方案1】：

您可以通过在配置选项中设置点的半径属性来实现这一点，如下所示：

var chartConfig = {
            type: 'line',
            options: {
                elements: {
                    point:{
                        radius: 0
                    }
                }
            }
        }

点的工具提示也会消失。

【讨论】：

这个配置是全局的，但我有一个包含 3 个折线图的图表，我只想禁用其中一个
@fifth 您可以在每个单独的数据集对象上设置pointRadius 属性。请参阅下面的@Alexander 的回答。

【解决方案2】：

您可以将pointRadius 设置为零。

var myChart = new Chart(
    ctx, {
        type: 'line',
        data: {
            labels: [...]
            datasets: [
              {
                data: [...],
                pointRadius: 0,  # <<< Here.
              }
            ]
        },
        options: {}
    })

【讨论】：

我添加了 "borderWidth: 1" 和 "pointRadius: 0.5" 因为我还需要一条细线和小点来悬停在它们上面。
我还需要添加 pointHitRadius: 0 以禁用工具提示。
@throrin19 什么不起作用？根据上面的链接，它有完整的文档。
对不起。我想我已经禁用了我的点击。我的问题是 vue-chartjs。选项未与 chartJS 正确同步