在ChartJS LineGraph中隐藏点

时间:2016-01-28 22:55:28

标签: javascript chart.js

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

3 个答案:

答案 0 :(得分:33)

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

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

积分的工具提示也会消失。

答案 1 :(得分:20)

您可以将pointRadius设置为零。

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

答案 2 :(得分:0)

包含showTooltips:false,其中包含图表选项。当您将鼠标悬停在上方时,这将阻止工具提示。

查看http://www.chartjs.org/docs/

处的选项设置