score:1
backgroundColor 'rgba(0,0,0,0.1)'
That should set your opacity to .1, you can go to zero I think but you should test it. I see you commented out the border color you had set to 1 opacity which is solid.
score:1
fill: false
should do the work, where do you call the UpdateLineChart function?
score:2
According to the Chart JS Docs, you'll want to specify:
fill: false
in your chart options. Your code would look something like this:
function UpdateLineChart(data) {
//Set data returned from Server
lineChartData.datasets[0].data = data.lineChartData;
lineChartData.labels = data.hora;
//Update the Pie Chart
var canvasForLineChart = document.getElementById("canvasForLineChart");
var context2DLine = canvasForLineChart.getContext("2d");
var myChart = new Chart(context2DLine, {
data: {
datasets: [{
fill: false,
lineTension: 0.1,
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: [0]
}]
}
});
}
Source: stackoverflow.com
Related Query
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- How to create chartjs chart with data from database C#
- How to create a linechart with Chart.JS (not filled)
- How to create Bar chart that gets updated from new ajax requests with ChartJS?
- How do I create stacked chart with Chart.js version 2.0.0-beta
- How do I create a stacked horizontal bar chart with Chart.js in React?
- How to create a chart with chartjs.org with data from an array?
- How to create Chart with 2 variables (x,,y)
- How to create dynamically chart for Ionic App with Firebase data?
- How do you create a Radar chart using chart.js with a y-axis of 0 to 100?
- How can I create a stacked bar chart with Charts.JS that displays relative rather than absolute values?
- ChartJs - stacked bar chart with groups - how to create second x-axis with stack id
- How to create a chart.js scatter chart with data from two lists
- how to create a bar chart with php data variables
- How to create a chart-js pie chart with PHP data variables?
- Background color does not work when trying to create my data before using scatter chart with chart.js
- how to not repeat code while creating multiple charts in chart js
- how to create bar chart with group and sam color for each group using chart.js?
- How can I create a long tail chart with chart.js
- How to prevent first/last bars from being cut off in a chart with time scale
- Chartjs linechart with only one point - how to center
- How to fix chart Legends width-height with overflow scroll in ChartJS
- How to display Line Chart dataset point labels with Chart.js?
- chart js how to fill legend box with colour
- How to create stacked bar chart using react-chartjs-2?
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- chartjs: How to plot multi-line chart with irregular intervals
- How to display inline values in a stacked bar chart with Chart.js?
- How to display data labels outside in pie chart with lines in ionic
- How to create a gradient fill line chart in latest Chart JS version (3.3.2)?
More Query from same tag
- Chart.js 2 - label overlapping
- How To Format Scale Numbers in Chart.js v2
- Chart.js margins
- Tool tip not showing for those label who's data overlapped on each other in chart.js
- Change dot size individually Scatter Chart -- ChartJS
- How does the chartjs line look start to be greater than 0
- How to make ChartJS not cut off tooltips?
- Chartjs real time graph x axis movement
- Chart js with ng-repeat
- How do I type string in the tooltip in Chart.js?
- ChartJS Recreate Chart
- ChartJs functional component does not refresh even when forceUpdate
- Remove data text from Chart.js on hover
- How to decrease the barthickness in ng2-charts?
- ChartJS only show me data when I zoom-in or zoom-out
- facing problem to solve Uncaught TypeError while using chart js
- I am using chart js to draw a chart. I did everything right but i don't know why the x axis and y axis label is not comming in chart. code below
- Add buffer to Y axis with chart js
- Chart.js Bar Chart change width (not duplicated to bar width questions!)
- Draw a horizontal and vertical line on mouse hover in chart js
- Chartjs Timestamp to Datetime labels
- chart.js pie chart background colors: is there any way to generate them randomly?
- change stroke line color in chart according to datasets in react native
- How to use chartjs-plugin-trendline with react-chartjs-2
- How to customize Data Labels of area chart on ChartJS?
- How to make a 30days chart responsive on mobile using chart.js?
- Saving ChartJS chart showing all tooltips
- Access a chart in a different function
- Chart.js - add gradient instead of solid color - implementing solution
- Chart.js 2.0 doughnut tooltip percentages