Chart.js pieやparなどグラフ毎に背景色を分けるできますか?
現状問題: pie(円グラフ)でもpar(棒グラフ)でも同じく背景色になってしまいます
//ここでif pie場合// 赤い にしたいですと//ここでif bar場合//青いにしたいです
実現したいことは、pie(円グラフ)とpar(棒グラフ)の背景色を分けたいです。
jQuery(function() { let chart = () => { this.pie = (item_list) => { let labels = []; let colors = []; let datas = []; 省略..... return { labels: labels, datasets: [{ data: datas, backgroundColor: colors }] }; } this.bar = (item_list) => { let labels = []; let colors = []; let datas = []; 省略..... return { labels: labels, datasets: [{ label: 'test', data: datas, backgroundColor: colors[0] }] }; } const drawBackground = (target) => { var xscale = target.scales["x-axis-0"]; var yscale = target.scales["y-axis-0"]; var left = xscale.left; var high_top = yscale.getPixelForValue(35); var high_height = yscale.getPixelForValue(25) - high_top; var low_top = yscale.getPixelForValue(0); var low_height = yscale.getPixelForValue(-5) - low_top; //ここでif pie場合// 赤い にしたいです ctx.fillStyle = "red"; ctx.fillRect(left, high_top, xscale.width, high_height); //ここでif bar場合//青いにしたいです ctx.fillStyle = "rgba(0, 100, 255, 0.2)"; ctx.fillRect(left, low_top, xscale.width, low_height); } });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/11/15 05:13
2022/11/15 10:59