在ChartJS LineGraph中隐藏点

Question

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

Answer 1

您可以通过在配置选项中设置point的radius属性来实现此目的,如下所示:

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

点的工具提示也将消失.

Answer 2

您可以将其pointRadius设置为零.

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

Answer 3

我遇到了同样的问题，但我想保持悬停选项处于活动状态。\n我的解决方案是：

\n

const config = {\n        type: 'line',\n        data: {\n            datasets:[{\n                label: 'Temp\xc3\xa9rature',\n                borderColor: 'rgb(255, 99, 132)',\n                data: tempE,\n                pointStyle: 'rect',\n            }]\n        },\n        options: {\n            elements:{\n                point:{\n                    borderWidth: 0,\n                    radius: 10,\n                    backgroundColor: 'rgba(0,0,0,0)'\n                }\n            }\n        }\n    };\n

\n