Styjun

If a spaceship ran out of fuel somewhere in space between Earth and Mars, does it slowly drift off to the Sun?

Why, even after his imprisonment, people keep calling Hannibal Lecter "Doctor"?

I transpose the source code, you transpose the input!

Avoiding dust scattering when you drill

How do my husband and I get over our fear of having another difficult baby?

Are the coefficients of certain product of Rogers-Ramanujan Continued Fraction non-negative?

What's the hidden joke/meaning behind "Don't drink and park - accidents cause people"?

Is a Middle Name a Given Name?

Is it ok if I haven't decided my research topic when I first meet with a potential phd advisor?

An impressive body of work

A word that refers to saying something in an attempt to anger or embarrass someone into doing something that they don’t want to do?

As a team leader is it appropriate to bring in fundraiser candy?

Why is STARTTLS still used?

Which altitudes are safest for VFR?

Create the same subfolders in another folder

How to prevent pickpocketing in busy bars?

Do interval ratios take overtones into account or solely the fundamental frequency?

I reverse the source code, you reverse the input!

Is determiner 'a' needed in "one would call such a value a constant"?

How to stop the death waves in my city?

What can Thomas Cook customers who have not yet departed do now it has stopped operating?

お仕事に学校頑張って meaning

Why would an airline put 15 passengers at once on standby?

Lost passport and visa, tried to reapply, got rejected twice. What are my next steps?

How to parse another color to half of my dataset in chart.js

ChartJS - Different color per data pointHow do I parse a string to a float or int?How do I redirect to another webpage?How to check if a string “StartsWith” another string?How do I include a JavaScript file in another JavaScript file?How to move an element into another element?How do I parse XML in Python?How to parse JSON using Node.js?ASP.Net ASPxGridView OnHtmlDataCellPreparedChart.js v2 hide dataset labelsChartjs.org Chart only displaying in one page

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

So, I would like to visualise half of my data in red while I would like the other half to be in green. With the current setup, everything is in green. So my question is, how do I parse a red color to half of my dataset while the other half stays green, as it currently is? My dataset is a list consisting of 50 floats numbers which I parse to the function drawChart.

I've already tried to include a function that was explained in the following thread: ChartJS - Different color per data point but that didn't succeed yet. Any help would be greatly appreciated!

 var ctx = document.getElementById("myChart");
 ctx.style.backgroundColor = 'rgb(21,43,42)';
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: x,
 datasets: [
 
 label: 'Initial',
 data: y,
 backgroundColor: "rgba(58, 98, 87, 0.5)"
 , 
 label: 'Profit',
 data: z,
 backgroundColor: "rgba(51, 204, 51, 0.9)"
 
 ]
 ,
 options: 
 legend: 
 display: false
 ,
 scales: 
 xAxes: [
 gridLines: 
 display: false
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: w,
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ],
 yAxes: [
 gridLines: 
 color: 'rgba(153,153,153,0.2)'
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: "Order size",
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ]
 ,
 tooltips: 
 displayColors: false,
 callbacks: 
 title: function(tooltipItem) 
 return `$w: $String(tooltipItem[0].xLabel)`;
 ,
 label: function(tooltipItemY) 
 return "Total: " + `$Number(tooltipItemY.yLabel)`;
 
 
 
 
 );
 for (i = 0; i < myChart.data.datasets[0].data.length; i++) 
 if (myChart.data.datasets[0].data[i] > 25) 
 y.backgroundColor.push("#90cd8a");
 else 
 y.backgroundColor.push("#f58368");
 
 
 };```

javascript python webview chart.js

share|improve this question

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges

add a comment
 | 

0

So, I would like to visualise half of my data in red while I would like the other half to be in green. With the current setup, everything is in green. So my question is, how do I parse a red color to half of my dataset while the other half stays green, as it currently is? My dataset is a list consisting of 50 floats numbers which I parse to the function drawChart.

I've already tried to include a function that was explained in the following thread: ChartJS - Different color per data point but that didn't succeed yet. Any help would be greatly appreciated!

 var ctx = document.getElementById("myChart");
 ctx.style.backgroundColor = 'rgb(21,43,42)';
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: x,
 datasets: [
 
 label: 'Initial',
 data: y,
 backgroundColor: "rgba(58, 98, 87, 0.5)"
 , 
 label: 'Profit',
 data: z,
 backgroundColor: "rgba(51, 204, 51, 0.9)"
 
 ]
 ,
 options: 
 legend: 
 display: false
 ,
 scales: 
 xAxes: [
 gridLines: 
 display: false
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: w,
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ],
 yAxes: [
 gridLines: 
 color: 'rgba(153,153,153,0.2)'
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: "Order size",
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ]
 ,
 tooltips: 
 displayColors: false,
 callbacks: 
 title: function(tooltipItem) 
 return `$w: $String(tooltipItem[0].xLabel)`;
 ,
 label: function(tooltipItemY) 
 return "Total: " + `$Number(tooltipItemY.yLabel)`;
 
 
 
 
 );
 for (i = 0; i < myChart.data.datasets[0].data.length; i++) 
 if (myChart.data.datasets[0].data[i] > 25) 
 y.backgroundColor.push("#90cd8a");
 else 
 y.backgroundColor.push("#f58368");
 
 
 };```

javascript python webview chart.js

share|improve this question

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges

add a comment
 | 

So, I would like to visualise half of my data in red while I would like the other half to be in green. With the current setup, everything is in green. So my question is, how do I parse a red color to half of my dataset while the other half stays green, as it currently is? My dataset is a list consisting of 50 floats numbers which I parse to the function drawChart.

I've already tried to include a function that was explained in the following thread: ChartJS - Different color per data point but that didn't succeed yet. Any help would be greatly appreciated!

 var ctx = document.getElementById("myChart");
 ctx.style.backgroundColor = 'rgb(21,43,42)';
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: x,
 datasets: [
 
 label: 'Initial',
 data: y,
 backgroundColor: "rgba(58, 98, 87, 0.5)"
 , 
 label: 'Profit',
 data: z,
 backgroundColor: "rgba(51, 204, 51, 0.9)"
 
 ]
 ,
 options: 
 legend: 
 display: false
 ,
 scales: 
 xAxes: [
 gridLines: 
 display: false
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: w,
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ],
 yAxes: [
 gridLines: 
 color: 'rgba(153,153,153,0.2)'
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: "Order size",
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ]
 ,
 tooltips: 
 displayColors: false,
 callbacks: 
 title: function(tooltipItem) 
 return `$w: $String(tooltipItem[0].xLabel)`;
 ,
 label: function(tooltipItemY) 
 return "Total: " + `$Number(tooltipItemY.yLabel)`;
 
 
 
 
 );
 for (i = 0; i < myChart.data.datasets[0].data.length; i++) 
 if (myChart.data.datasets[0].data[i] > 25) 
 y.backgroundColor.push("#90cd8a");
 else 
 y.backgroundColor.push("#f58368");
 
 
 };```

javascript python webview chart.js

share|improve this question

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges

 var ctx = document.getElementById("myChart");
 ctx.style.backgroundColor = 'rgb(21,43,42)';
 var myChart = new Chart(ctx, 
 type: 'bar',
 data: 
 labels: x,
 datasets: [
 
 label: 'Initial',
 data: y,
 backgroundColor: "rgba(58, 98, 87, 0.5)"
 , 
 label: 'Profit',
 data: z,
 backgroundColor: "rgba(51, 204, 51, 0.9)"
 
 ]
 ,
 options: 
 legend: 
 display: false
 ,
 scales: 
 xAxes: [
 gridLines: 
 display: false
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: w,
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ],
 yAxes: [
 gridLines: 
 color: 'rgba(153,153,153,0.2)'
 ,
 stacked: true,
 display: true,
 scaleLabel: 
 display: true,
 labelString: "Order size",
 fontSize: 16,
 fontColor: 'white'
 ,
 ticks: 
 fontColor: 'white'
 
 ]
 ,
 tooltips: 
 displayColors: false,
 callbacks: 
 title: function(tooltipItem) 
 return `$w: $String(tooltipItem[0].xLabel)`;
 ,
 label: function(tooltipItemY) 
 return "Total: " + `$Number(tooltipItemY.yLabel)`;
 
 
 
 
 );
 for (i = 0; i < myChart.data.datasets[0].data.length; i++) 
 if (myChart.data.datasets[0].data[i] > 25) 
 y.backgroundColor.push("#90cd8a");
 else 
 y.backgroundColor.push("#f58368");
 
 
 };```

share|improve this question

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges

share|improve this question

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges

asked Mar 28 at 19:22

ja_qahja_qah

122 bronze badges