score:3
Accepted answer
You need to add a few lines of CSS properties to optimize image rendering for Opera as explained here: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering and seen below.
canvas#myChart {
image-rendering: optimizeSpeed; /* Older versions of FF */
image-rendering: -moz-crisp-edges; /* FF 6.0+ */
image-rendering: -webkit-optimize-contrast; /* Webkit (non standard naming) */
image-rendering: -o-crisp-edges; /* OS X & Windows Opera (12.02+) */
image-rendering: crisp-edges; /* Possible future browsers. */
-ms-interpolation-mode: nearest-neighbor; /* IE (non standard naming) */
}
score:-1
You could try rendering it as a png like so:
myLineChart.toBase64Image();
Of coarse this would make it static so It might not be the best answer.
Source: stackoverflow.com
Related Query
- Output (column bars) from Chart.js blurry in Opera browser?
- How to prevent first/last bars from being cut off in a chart with time scale
- Chart.js Bar Chart - how to chart bars from 0
- How to remove border from stacked column chart in Chartkick - Chart.js
- How to prevent empty bars from taking up width in Chart.js bar chart
- getting additional value fields from data source for dx.chartjs doughnut chart
- How to clear a chart from a canvas so that hover events cannot be triggered?
- Chartjs random colors for each part of pie chart with data dynamically from database
- Chart from chart.js to pdf
- Get Chart js object from selector
- Chart.js v2.6: Add arrows to pie chart output values
- Hide empty bars in Grouped Stacked Bar Chart - chart.js
- How to add datas to chart js from javascript array itself?
- Chart.JS Mixed Chart - Bars Not Showing
- Adding Chart.js line chart to Jinja2/Flask html page from JS file
- Different color for each column in angular-chartjs bar chart
- ChartJs bar chart - keep bars left instead of equally spread across the width
- How can I remove extra whitespace from the bottom of a line chart in chart.js?
- How to have solid colored bars in angular-chart bar chart
- How to use 'time' (data from database, data type: timestamp ) for plotting graph in Chart JS
- (Vue, ChartJS) Create gradient background for chart from child component canvas context
- In chart.js, Is it possible to hide x-axis label/text of bar chart if accessing from mobile?
- Stacked bar chart results in misaligned bars
- impossible to remove scale from radar chart (chart.js)
- Chart.js Chart in Angular does not load until resizing browser window
- How can I trigger the hover mode from outside the chart with charts.js 2?
- How to start the line graph from the left Y axis in a line/bar mixed chart (Chart.js)?
- Can't size doughnut chart from chart.js
- How to fix chart looking blurry in ChartJS?
- How to make bar chart animation where all bars grow at the same speed?
More Query from same tag
- Setting max, min and stepSize values in a Chart.js graph
- Chart.js Label color positioning in tooltip/legend
- Chart.js canvas : can't center it
- Example: Doughnut | Error: Uncaught ReferenceError: Utils is not defined
- Chart.js calculates the width of my time x-axis wrong
- Chart Js update legend boxes of graph with graph line style
- Change font family of labels in piechart and linechart in chartjs
- Pass data to Chart Js Laravel
- Chart.js add to onhover text
- Charts.js not using the right colors
- Chart js show levels on top. (Bar chart with Stacked group)
- Data with pair X and Y values
- chart.js Failed to create chart: can't acquire context from the given item
- Chart.js click event to open a custom tooltip does not work sometimes
- ng2-charts - Tolltip color dont match line color
- How to use JSON data as chartjs data?
- Chart.js - Remove empty space in pie chart
- Auto-Remove old Datapoints in Chart.js
- In Chart.js, how do I hide certain axis labels from a stacked bar chart?
- Chart.js - Bar values showing on the middle of bar
- how to use chart.js with react Hook?
- Blazor server-side Chartjs
- Chart.Js is keeping old data after AJAX call
- Displaying Charts in C# using ChartJS
- My chart.js canvas disappears after hide() function
- chart.js ajax pushing another dataset always "undefined"
- How to highlight a section of a stack in all bars in a stacked barchart in chartjs
- chart.js load totally new data
- Split assoc array by keys
- (Ionic 3) How to make font size of labels in charts.js responsive?