Lines are looking weird.

[shakee93]

i have updated the plugin to latest version from older version. i have noticed the lines are looking weired.. do you have any idea why this has happened ? what am i missing ?

Thanks

Environment

• vue.js version: 2.2.1
• vue-chart.js version: 2.5.0

[apertureless]

• What was the previous version you had installed?
• Have you tried deleting node_modules and install again?
• Have you tried setting the borderWidth?

[shakee93]

• the previous version is 2.3.7
• yes i have tried that
• yes tried border width

still the same

full configuration here. maybe that might help.

datasets: [
                    {
                        label: this.title,
                        fill: true,
                        lineTension: 0,
                        backgroundColor: "rgba(199, 230, 227, 0.32)",
                        borderColor: "rgba(75,192,192,1)",
                        borderCapStyle: 'butt',
                        borderDash: [],
                        borderDashOffset: 0.0,
                        borderJoinStyle: 'miter',
                        pointBorderColor: "rgba(75,192,192,1)" ,
                        pointBackgroundColor: "#fff",
                        pointBorderWidth: 5,
                        pointHoverRadius: 5,
                        pointHoverBackgroundColor: "rgba(75,192,192,1)",
                        pointHoverBorderColor: "rgba(220,220,220,1)",
                        pointHoverBorderWidth: 2,
                        pointRadius: 1,
                        borderWidth : 5, 
                        pointHitRadius: 10,
                        data: this.subscribers,
                        spanGaps: false,
                    }
                ]

[apertureless]

Well, looking weird is a bit of a unspecific term.

I guess you mean that the border of the linechart, is cut off on the bottom?
Well I guess thats a normal behaviour of chart.js

If you check out the chart.js docs http://www.chartjs.org/ the line example also has cut off borders.

You can try to play with some settings maybe add some spacing but I don't think this is related to vue-chartjs. I checked the changelog and release notes and I did not changed any settings in the base charts.

I also tried [email protected] but got the same results... However at @2.3.4 I bumped the Chart.js dependency to the current Chart.js version 2.5.0 so it may be related to that?

So I think it could rather be related directly to chart.js.

You could create an issue on the chart.js lib. Maybe people there know a workaround for that.

Or check the release notes