score:0
it looks like you will need to add in code to the drawpoint function within helpers.canvas.js. if the point is an image object, rotate the canvas as needed, draw the image, then rotate the context back to standard orientation. an example of doing this is here.
i don't know enough about the library and the toolchain to be able to write functional code, but those 2 links should get you started.
score:0
faced same problem, if you can use svg format. this solution will help you.
- get xml string of your svg.
- dynamically generate it, as below code snippet.
let svg =
`<?xml version="1.0" encoding="utf-8"?>
<svg height="16px" width="16px" version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="-297 389 16 16" style="enable-background:new -297 389 16 16;" xml:space="preserve" transform-origin="center" transform="rotate(${math.floor(history.direction)})"> </svg>`;
let yourimage = new image();
let parser = new domparser();
yourimage.src =`data:image/svg+xml;base64,${btoa(svg)}`;
sorry for bad formatting :p.
you can modify svg as per you need, just use its attributes. such as transform=rotate(40)
etc.
Source: stackoverflow.com
Related Query
- How to rotate custom marker in chart.js?
- chartjs : how to set custom scale in bar chart
- How to draw a needle on a custom donut chart and add datapoints to the needle?
- How can I rotate a pie chart in charts.js?
- Using chart js version 3, how to add custom data to external tooltip?
- How to rotate the Label text in doughnut chart slice vertically in chart.js canvas, Angular 12?
- How to set custom Y Axis Values (Chart.js v2.8.0) in Chart Bar JS
- How to print a chart rendered by code
- chartjs - How to access chart instance in a custom tooltip callback
- How to add custom text inside the bar and how to reduce the step size in y axis in chart js( Bar chart )
- How do I destroy/update Chart Data in this chart.js code example?
- How to edit my custom tooltips in my line chart using chart.js?
- Plugin for custom horizontal line Y-axis marker on grid of a Line chart with Chart.js
- How to custom index label on each bar chart using chartjs?
- How can I add functionality to Chartjs Doughnut chart custom legend
- How to run Chart.js samples using source code
- how to add multi X axis custom line in chart js
- how to not repeat code while creating multiple charts in chart js
- How to access custom property in dataset object in Bar Chart in React ChartJS 2?
- How to add text inside the doughnut chart using Chart.js?
- How to clear a chart from a canvas so that hover events cannot be triggered?
- Chart.js - How to set a line chart dataset as disabled on load
- chart js 2 how to set bar width
- How can labels/legends be added for all chart types in chart.js (chartjs.org)?
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- How can I make two of my lines in Chart JS thicker
- How to prevent first/last bars from being cut off in a chart with time scale
- How set color family to pie chart in chart.js
- Chart JS custom tooltip option?
- Chart.js Bar Chart - how to chart bars from 0
More Query from same tag
- Uncaught TypeError: Cannot read property 'draw' of undefined
- How to display legend in toolbox in Charts.js?
- ChartJS: Limit Y Axis to cut outlimit values
- Adding image on chart js
- Use fetch to get JSON Data for Chart JS
- Chart.js - add 1 more tick step to an axis
- Chartjs.org Bar chart not scale properly
- Chart.js: how to listen to hover/click events outside of plot area?
- Line Chart: background of RangeSlider
- How to get the image from graph created using chartjs
- Grabbing the title in plugin for ChartJS
- How can I add multiple datasets into my dropdown menu and keep it as dynamic as it is right now?
- How to update only new data in Chart.JS?
- Chartjs bar chart appears empty when page loads
- Chart.js - annotation Vertical line moves with mouse in Angular 6
- chart.js - Add corporate design to chart
- How can i get my chartjs to show up graphically?
- How do we put labels on pie chart arcs - chart.js/vue-chart.js
- chart.js chart distorted with fixed width
- Angular Chart.js Bar Chart
- How to run Chart.js samples using source code
- Responsive ChartJS in Bootstrap Table Cell
- How to filter dropdown based on the choice of another dropdown in JS?
- Change color of a single point by clicking on it - Chart.JS
- Chart.js scale which increases by x (arbitary number) for each tick
- How to set colors for Chart.js tooltip labels
- chartjs output data in month week and day
- Is there a way to trigger point hit on an xAxis hover
- How to pass data for stacked chart in vue-chartkick
- PhantomJS renders blurry Chart.js canvas