A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://stackoverflow.com/questions/tagged/vue-chartjs below:

Newest 'vue-chartjs' Questions - Stack Overflow

0 votes

2 answers

66 views

Prevent hiding of second-last grid line [closed]

I'm using ChartJS with Vue: "chart.js": "^4.4.9", "vue": "^3.5.13", "vue-chartjs": "^5.3.2", My line chart has data where the x values ...

asked Apr 22 at 19:06

1 vote

1 answer

129 views

chart.js line segment coloring

in chart js (4.4.8) i want to give discrete line colors based on a baseline and threshold value of the data point. when i give line segment colors it appies color to whole line segment and looks ...

asked Apr 2 at 11:38

0 votes

0 answers

51 views

Change bar graph option in vue-chartjs when using umd

I'm trying to draw some mixed graphs (Histogram and lines) on a one page HTML integrating Vue and Vuetify. Apprently only vuechartJS as a package that could be integrated with I managed to extends ...

asked Feb 26 at 10:32

0 votes

0 answers

72 views

vue-chartjs "Module not found: Error: Package path ./dist/Chart.js is not exported from package"

I'm trying to use vue-chartjs but I'm having issues with the dependent chart.js installation. Error: ERROR in ./node_modules/vue-chartjs/dist/index.js 1:0-190 Module not found: Error: Package path ./...

asked Jan 21 at 10:33

0 votes

0 answers

88 views

How to handle event on data label in Vue Chart.js?

This is my chart component and I want to handle events on labels I define in data. I would like to show the tooltip with bar data when I hover on a label. <template> <Bar :data="data&...

asked Dec 19, 2024 at 16:31

0 votes

1 answer

96 views

Using JSON data from an api call to reactively update a chart

I am trying to use response data from my api call to populate a Pie Chart from Chart.js. The issue is that the UI does not update after the response data is assigned to the chartData object. These are ...

asked Nov 22, 2024 at 14:56

1 vote

0 answers

57 views

How to incorporate draggable feature into vue-chartjs?

I created a BarChart using vue-chartjs and have marked the threshold values using arrows Here's the code <template> <Bar :data="data" :options="options" /> </...

asked Nov 20, 2024 at 12:02

1 vote

1 answer

125 views

How to customize the scale for bar charts?

I'm learning to use https://www.npmjs.com/package/vue-chartjs I'm trying to create a bar chart with y-axis scale ranging from -20 to 70. I'm unable to see the bars in the negative range. I tried using ...

asked Nov 15, 2024 at 6:31 How to make a line chart with unequally spaced x values

Making a scatter plot with vue-chartjs <Scatter> was perfect: Now the user asks for the same chart but with points connected. So I tried to change <Scatter> to <Line>. But the ...

asked Nov 5, 2024 at 7:56

0 votes

1 answer

112 views

Customize ChartJS Dougnut Border on Hover

I have this following Prototype created by our Designer using Figma. My stack is: Vuejs Bootstrap ChartJS So my questions is can we add this custom border on certain segment on click? Goals: Add &...

asked Oct 26, 2024 at 8:32

-1 votes

1 answer

200 views

How to create a chart with custom graphics? [closed]

I need to create a chart looking like the image above, but I have no idea how. The data needs to be dynamic and it would great to also include some animation when the chart is loaded. My tech stack ...

asked Sep 6, 2024 at 7:38

0 votes

1 answer

133 views

How to show dashed Y-axis, center X-ticks, and hide X-grid in Vue-Chartjs?

I need a horizontal dashed line, no y-axis ticks, hidden x-axis grid lines, and centered x-axis ticks for my bar chart. Solution required in vue-chartjs. Chartjs installed package: "chart.js"...

asked Aug 12, 2024 at 11:26

0 votes

0 answers

146 views

Error updating real-time data with chart.js

I want to create a chart using WebSocket to display real-time information in Vue using vue-chartjs and chart.js. The issue is that for some reason, the data is not displaying. The array of numbers ...

asked Jun 18, 2024 at 0:14

2 votes

0 answers

200 views

How to hide the chartjs-chart-treemap text data

Here is my Vue3 project issue, I use chart.js package "chartjs-chart-treemap" to draw As you can see in the picture, there is a gray text that should not appear. My chart.js version is &...

asked Jun 17, 2024 at 6:11

0 votes

0 answers

107 views

Dynamically resize chart.js charts when adding new charts to fixed size container

function addChart(key, colors) { const chartData = getChartData(currentYear.value, key); const chart = { chart: null, data: chartData, colors: colors, key: key }; charts....

asked Jun 10, 2024 at 15:30

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4