score:29
Accepted answer
This is because, you are using deprecated properties (used in ChartJS 1.x) for setting colors. Use the following properties instead (which is applicable for ChartJS 2.7) :
datasets: [{
label: 'Dique Las Maderas',
fill: false,
borderColor: "#bae755",
borderDash: [5, 5],
backgroundColor: "#e755ba",
pointBackgroundColor: "#55bae7",
pointBorderColor: "#55bae7",
pointHoverBackgroundColor: "#55bae7",
pointHoverBorderColor: "#55bae7",
data: valor
}]
Source: stackoverflow.com
Related Query
- Can't change color line with chart.js
- How to add area with break on line chart with fill color
- Change Axis Line color in Chart created using chart.js
- change stroke line color in chart according to datasets in react native
- How to change background color of labels in line chart from chart.js?
- With Chart js, I am trying to color every 7th vertical (x axis) grid line (representing each week beginning visually)
- Trouble with setting background color for Line chart at Chartjs version 3.5.1
- Line chart Change background color of shaded region on hover (Chartjs)
- How to change bar color on a angular-chart and chart js bar graph with multiple datasets?
- Change Vertical Line and Color bar chart in bar chart.js
- Chart Js Change Label orientation on x-Axis for Line Charts
- Chartjs change grid line color
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- line chart with {x, y} point data displays only 2 values
- Chart.js line chart set background color
- Display line chart with connected dots using chartJS
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- Chart.js - line chart with two yAxis: "TypeError: yScale is undefined"
- chartjs datalabels change font and color of text displaying inside pie chart
- How to display Line Chart dataset point labels with Chart.js?
- Chart.js Mixed Bar and Line chart with different scales
- chart.js Line chart with different background colors for each section
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- Unable to parse color in line chart (angular-chart.js)
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
- Chart.js: Line chart with partial dashed line
- Obtain max value of y axis of line chart rendered with Chart.js
- ChartJS - Line Chart with different size datasets
- Line chart with large number of labels on X axis
- angular-chart.js bar chart with 100% opacity color
More Query from same tag
- When using chart.js to draw a line chart, if the peak is between two x values instead of "at a x value"
- remove strikethrough behavior in chart.js bar chart
- Using chart.js inside node.js
- How to change X-Axis Interval on Chart.js
- Problem displaying two graphs on a single chart using javascript and chart.js
- Create IF to change chart.js bar color
- Feeding PHP MySQL Call into Charts.js
- Chartjs Array.join
- donut chart tooltip under center text
- (Lifecycle problem?) React Chart js-2 not updating data from componentDidMount
- How to convert pandas dataframe to specific json format
- tooltip messes up bar chart in Chart.js
- Chart not displaying on page load
- How to highlight a section of a stack in all bars in a stacked barchart in chartjs
- Chartjs 2 - Stacked bar with marker on top
- Background-color for area below line chart in chartJs?
- Data will not draw onto my chart
- AngularJS Pagination not showing all pages
- Can't change color line with chart.js
- Bar Chart in Angular JS Using Chartjs
- Chartjs Bar Chart showing old data when hovering
- Configure Pie Chart Colors Using Chart.js and PHP
- How to update chart when state changes in vue?
- chart.js hide x/y axis, customize
- Calling data from outside of Chartjs code
- Chart.js doughnut canvas padding
- How to add new Line but not in the first x axes
- Remove custom Chart Js tool tip colour square
- Charts.js DataIndex not updating based on selected datasets
- How to convert Data table to Json in Javascript
