python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - vue-chartjs

vue-chart data is loaded correctly but options are ignored

This is driving me nuts. I have a chart from vue-chart, chartData is loaded correctly, the chart displays correctly, but options are definitely not taken in account, despite setting them statically at...
test-img

Augustin Riedinger

vue.js

chart.js

vue-chartjs

Votes: 0

Answers: 1

Latest Answer

You are using V3 syntax of chart.js while using V2 so that wont work. In V2 the title and tooltip config has to be at the root of your options object and tooltip has to be renamed to tooltips. For all...
test-img

LeeLenalee

How to limit chart JS hover to take only one value from each line chart when zoomed out?

I'm using chart.js 3.6.1 with VueJS. These are options for particular data I'm having trouble: hover: { mode: 'x', intersect: false }, scales: { y: { ...
test-img

Dach0

chart.js

tooltip

zooming

mousehover

vue-chartjs

Votes: 0

Answers: 1

Latest Answer

Ok, here is the solution I came up with, followed by this ChartJS issue on GitHub. I've made a filter for tooltip and it looks like this now: plugins: { tooltip: { mode: 'x', ...
test-img

Dach0

Vue Chart 3 - Doughnut Charts with Text in the Middle (Trouble registering a plugin)

EDIT: My codesandbox is working, but it's not perfect. In my actual project I've better utilized ts and am just making an if check for the charttype so the font doesn't paste on all the charts you hav...
test-img

LovelyAndy

vue.js

charts

chart.js

vuejs3

vue-chartjs

Votes: 0

Answers: 1

Latest Answer

This is because pluginService is V2 syntax, to register plugins globally in V3 you can do it the same way you did with the registerables like so: Chart.register(plugin) You can even do it in the same...
test-img

LeeLenalee

Posts

Questions

Blogs

Jobs