Stack Overflow
Stack Overflow

Questions tagged [chartjs-plugin-zoom]

63 questions
0
votes
0 answers

Chartjs add custom plugin to existing chartjs-plugin

I'm trying to add a custom plugin in addition to chartjs-plugin-zoom, but I failed to understand how to put the zoom plugin configs outside of the plugins object nor could I use the custom plugin on its own. My custom plugin (taken from…
Liran_T
  • 69
  • 7
0
votes
0 answers

vue chartjs not rendering when have a change in chartOption

I'm building a chart in vuejs using composition API, chartjs@4.2, and vue-chartjs@5.2.0 however, I'm not managing to keep the options and data reactive, so I built a button that when active the zoom would be active, and when inactive it would be…
Phillype Freitas
  • 1
  • 1
0
votes
1 answer

Svelte-ChartJS chart binding

I am trying to use svelte-chartjs with chartjs-plugin-zoom. In order to programmatically adjust zoom. In order to do this you have to bind onto the element. This can be illustrated in the React-ChartJS-2 - see buttons below. Is there a prop in…
cycle4passion
  • 3,081
  • 3
  • 14
  • 28
0
votes
0 answers

Can we disable the segments other than the one which is active in doughnut chart ? or can we make the segments look disabled? (Chart Js)

I want the segments go disabled other than the one which is active in doughnut chart. Is there any option to achieve it ? I have tried using hidden, But it seems it is hiding whole chart. my expectation should like below at the initial stage chart…
indhu
  • 91
  • 7
0
votes
0 answers

ChartJS Pannable time series data with last 24 hours if on the hour unit?

Here is the sandbox link: https://codesandbox.io/s/chartjs-plugin-zoom-touch-scroll-y-forked-6q5li4?file=/src/components/ChartLine.vue I am trying to build a chart out of some time-series data that I have. I have a picker to select the scale: hour,…
Blaine
  • 576
  • 9
  • 30
0
votes
1 answer

Changing Chartjs Horizontal Scrollling Direction

I would like to change the direction of scrolling on a horizontal scrollable bar chart in such way scrolling start from right to left (RTL). I'm not sure if it is supported or not. in case, it is not, then is there a way to programmatically scroll…
ASH
  • 89
  • 1
  • 11
0
votes
1 answer

Cannot zoom in Chart.js

I created some chart in MVC with chart.js without issue Now I want to implement zoom in a Line chart following this example In my layout page I added: …
SebC
  • 139
  • 1
  • 1
  • 8
0
votes
1 answer

How to set up an initial Zoom value for a chart (ChartJS + ChartJS Zoom plugin)?

I am trying to create a chart that has data for the last 30 days. But I would like to set up the initial Zoom value for the small screen sizes. So, the chart would display on mobile not all 30 values but rather 5 or 10. And I can just pan or zoom…
terrykon
  • 1
  • 2
0
votes
1 answer

Chart.js v3 after using of zoom plugin instance persist in memory

I recently switched Chart.js from v2.x to 3.x. I also use the chartjs-plugin-zoom 1.0.1 which is compatibile with version v3.x. My situation is this I have SPA with some tabs, on one tab are the charts, between them line chart and for this one I use…
viceriel
  • 835
  • 12
  • 18
0
votes
1 answer

Chart.js: Can I change the "OriginalOptions" variable within the chartjs-zoom-plugin?

I have a chart that is updated with a new datapoint every minute. This chart also uses the chartjs-zoom-plugin to allow the user to zoom in. There is a button on my webpage that calls the chart.resetZoom() function to allow the user to quickly zoom…
Dan
  • 67
  • 6
0
votes
1 answer

how can i remove the decimals from the tick when im zooming?

im using the plugin for chart.js chartjs-plugin-zoom for zooming my chart, but i have some ticks problems. when i make zoom, the tick get a los of decimals, how can i remove the decimals? my tick configuration doesnt contain decimals, i have 2 axes,…
juliana fernandez
  • 107
  • 1
  • 6
0
votes
1 answer

how resetZoom() en multiple charts (ng2charts or chartjs)?

i have a page with multiple charts and i add the pluggin for zoom. i reset the zoom making this.chart.chart['resetZoom'](); and it work... in only 1 chart, just the first one. if i make xonsole.log to this.chart, the element get only the firts…
juliana fernandez
  • 107
  • 1
  • 6
0
votes
1 answer

Unable to make the x-zoom to work when xAxes type is different from 'time'

I'm trying to apply the zooming function on a chart I have on my website. More or less, the actual code of the chart is the one I added in the following CodePen: https://codepen.io/leonardodaga/pen/eYNZdVV This example works, but I'm trying to use a…
Leonardo Daga
  • 135
  • 1
  • 12
0
votes
1 answer

How to add text inside scatter plot using Chart.js?

How to render text inside the scatter chart with Chart.Js. The scatter chart (i'm using) has the Zoom/pan plugin, so, i want the text to be anchored to the x/y coordinates of the plot when I'm panning the chart. Thanks in advance!
Ram
  • 1,011
  • 2
  • 8
  • 5
0
votes
1 answer

Ng2-charts Time xAxes : unwanted high zoom on click

I have recently updated to Angular 8 and updated my chart related packages aswell. I had to update my code to ng2-charts' new data format. I'm using chartjs-plugin-zoom with my project. My issue is : A very high zoom happens on a single click on my…
Cedric
  • 149
  • 1
  • 3
  • 12
1 2 3
4
5