Widget:DatasetsChart - Revision history

Raw Salad: Attempting to make y-axis label larger.

2024-06-23T07:19:54Z

Attempting to make y-axis label larger.

← Older revision		Revision as of 07:19, 23 June 2024
Line 58:		Line 58:
	text:yAxisLabel,		text:yAxisLabel,
	display:yAxisBoolean,		display:yAxisBoolean,
	color:fontColor		color:fontColor,
			font: {
			size: 18
			}
	},		},
	grid: {		grid: {

Raw Salad: Font-size changes. Title -> 22, Y-axis -> 18.

2024-06-23T07:18:26Z

Font-size changes. Title -> 22, Y-axis -> 18.

← Older revision		Revision as of 07:18, 23 June 2024
Line 40:		Line 40:
	text:title,		text:title,
	font: {		font: {
	size: 24		size: 22
	},		},
	color:fontColor		color:fontColor
Line 67:		Line 67:
	},		},
	ticks: {		ticks: {
	color:fontColor		color:fontColor,
			font: {
			size: 18
			}
	}		}
	},		},

Raw Salad: Brief documentation of chart parameters.

2024-06-19T00:25:32Z

Brief documentation of chart parameters.

@@ Line 4: / Line 4: @@
 </div>
 <script>
-	var datasets  = JSON.parse('<!--{$datasets|default:'[{"x": 0,"y": 0}]'|escape:'quotes'}-->');
+	var datasets  = JSON.parse('<!--{$datasets|escape:'quotes'}-->');
-	var title	 ='<!--{$title|default:''|escape:'quotes'}-->';
+	var title     ='<!--{$title|default:''|escape:'quotes'}-->';
 	var yAxisLabel= '<!--{$yAxisLabel|default:''|escape:'quotes'}-->';
 	var xAxisLabel= '<!--{$xAxisLabel|default:''|escape:'quotes'}-->';
-	var gridColor = '<!--{$gridColor|escape:'quotes'}-->';
+	var gridColor = '<!--{$gridColor|default:'#80808080'|escape:'quotes'}-->';
 	var axisColor = '<!--{$axisColor|escape:'quotes'}-->';
-	var fontColor = '<!--{$fontColor|escape:'quotes'}-->';
+	var fontColor = '<!--{$fontColor|default:'white'|escape:'quotes'}-->';
 	var hasTitle = true
@@ Line 25: / Line 25: @@
 	if (xAxisLabel == "") {
 		xAxisBoolean = false;
+	}
 	if (axisColor == "") {
 		axisColor = gridColor;
+	}
@@ Line 97: / Line 89: @@
+		}
 	});
-</script></includeonly><noinclude>{{#widget:DatasetsChart|uniqueId=LuckGraph|datasets={"labels":[0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500],"datasets":[{"label":"Luck Grade 5","data":[1, 0.9952777384613406, 0.9931949559745359, 0.9920650871875678, 0.9913146604346158, 0.9908598744095304, 0.9905380145769638, 0.9903319527048099, 0.9902161906264793, 0.990116829157925, 0.9900889064632575],"borderColor":"#AD5AFF","backgroundColor":"#AD5AFFBB"},{"label":"Luck Grade 6","data":[1, 1.0409562901295728, 1.059050220737091, 1.068841599202489, 1.0753775855453624, 1.0793127027043983, 1.082114963847391, 1.0838937007227782, 1.08489821682184, 1.0857604179521987, 1.086010944296338],"borderColor":"#F7A22D","backgroundColor":"#F7A22DBB"},{"label":"Luck Grade 8","data":[1, 1.0563969273132003, 1.0810019756579428, 1.0945677602964938, 1.1032822909763158, 1.1087969788026875, 1.112544013446742, 1.1150809500621008, 1.1164588922202936, 1.1176416142169567, 1.117899919639782],"borderColor":"#E3D88C","backgroundColor":"#E3D88CBB"}]}|yAxisLabel=Multiplicative Effect|xAxisLabel=Luck|title=Luck's Effect per Luck Grade}}</noinclude>
+</script></includeonly><noinclude>

Raw Salad: Testing label precision

2024-06-17T09:15:24Z

Testing label precision

← Older revision		Revision as of 09:15, 17 June 2024
Line 54:		Line 54:
	legend: {		legend: {
	display:hasTitle		display:hasTitle
			},
			tooltip: {
			callbacks: {
			label: (ctx) => (`${ctx.dataset.label}: ${ctx.raw}`)
			}
	}		}
	},		},

Raw Salad: Removing static window scaling.

2024-06-17T05:42:40Z

Removing static window scaling.

← Older revision		Revision as of 05:42, 17 June 2024
Line 8:		Line 8:
	var yAxisLabel= '<!--{$yAxisLabel\|default:''\|escape:'quotes'}-->';		var yAxisLabel= '<!--{$yAxisLabel\|default:''\|escape:'quotes'}-->';
	var xAxisLabel= '<!--{$xAxisLabel\|default:''\|escape:'quotes'}-->';		var xAxisLabel= '<!--{$xAxisLabel\|default:''\|escape:'quotes'}-->';
	~~var suggestedMaxY='<!--{$suggestedMaxY\|default:4\|escape:'quotes'}-->';~~
	~~var suggestedMinY='<!--{$suggestedMinY\|default:0\|escape:'quotes'}-->';~~
	var gridColor = '<!--{$gridColor\|escape:'quotes'}-->';		var gridColor = '<!--{$gridColor\|escape:'quotes'}-->';
	var axisColor = '<!--{$axisColor\|escape:'quotes'}-->';		var axisColor = '<!--{$axisColor\|escape:'quotes'}-->';
Line 65:		Line 63:
	color:fontColor		color:fontColor
	},		},
	~~suggestedMax:suggestedMaxY,~~
	~~suggestedMin:suggestedMinY,~~
	grid: {		grid: {
	color:gridColor		color:gridColor
Line 96:		Line 92:
	}		}
	});		});
	</script></includeonly><noinclude>{{#widget:DatasetsChart\|uniqueId=LuckGraph\|datasets={"labels":[0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500],"datasets":[{"label":"Luck Grade 5","data":[1, 0.9952777384613406, 0.9931949559745359, 0.9920650871875678, 0.9913146604346158, 0.9908598744095304, 0.9905380145769638, 0.9903319527048099, 0.9902161906264793, 0.990116829157925, 0.9900889064632575],"borderColor":"#AD5AFF","backgroundColor":"#AD5AFFBB"},{"label":"Luck Grade 6","data":[1, 1.0409562901295728, 1.059050220737091, 1.068841599202489, 1.0753775855453624, 1.0793127027043983, 1.082114963847391, 1.0838937007227782, 1.08489821682184, 1.0857604179521987, 1.086010944296338],"borderColor":"#F7A22D","backgroundColor":"#F7A22DBB"},{"label":"Luck Grade 8","data":[1, 1.0563969273132003, 1.0810019756579428, 1.0945677602964938, 1.1032822909763158, 1.1087969788026875, 1.112544013446742, 1.1150809500621008, 1.1164588922202936, 1.1176416142169567, 1.117899919639782],"borderColor":"#E3D88C","backgroundColor":"#E3D88CBB"}]}\|yAxisLabel=Multiplicative Effect\|xAxisLabel=Luck\|title=Luck's Effect per Luck Grade~~\|suggestedMaxY=5\|~~}}</noinclude>		</script></includeonly><noinclude>{{#widget:DatasetsChart\|uniqueId=LuckGraph\|datasets={"labels":[0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500],"datasets":[{"label":"Luck Grade 5","data":[1, 0.9952777384613406, 0.9931949559745359, 0.9920650871875678, 0.9913146604346158, 0.9908598744095304, 0.9905380145769638, 0.9903319527048099, 0.9902161906264793, 0.990116829157925, 0.9900889064632575],"borderColor":"#AD5AFF","backgroundColor":"#AD5AFFBB"},{"label":"Luck Grade 6","data":[1, 1.0409562901295728, 1.059050220737091, 1.068841599202489, 1.0753775855453624, 1.0793127027043983, 1.082114963847391, 1.0838937007227782, 1.08489821682184, 1.0857604179521987, 1.086010944296338],"borderColor":"#F7A22D","backgroundColor":"#F7A22DBB"},{"label":"Luck Grade 8","data":[1, 1.0563969273132003, 1.0810019756579428, 1.0945677602964938, 1.1032822909763158, 1.1087969788026875, 1.112544013446742, 1.1150809500621008, 1.1164588922202936, 1.1176416142169567, 1.117899919639782],"borderColor":"#E3D88C","backgroundColor":"#E3D88CBB"}]}\|yAxisLabel=Multiplicative Effect\|xAxisLabel=Luck\|title=Luck's Effect per Luck Grade}}</noinclude>

Raw Salad: Undo revision 28624

2024-06-16T17:03:16Z

Undo revision 28624

← Older revision		Revision as of 17:03, 16 June 2024
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div style="aspect-ratio: 2">		<div style="aspect-ratio: 2">
	<canvas id=~~Math.round(Math.random()*1000000)~~></canvas>		<canvas id="<!--{$uniqueId\|escape:'html'}-->"></canvas>
	</div>		</div>
	<script>		<script>

Raw Salad: Attempting a temporary canvas id fix.

2024-06-16T16:58:17Z

Attempting a temporary canvas id fix.

← Older revision		Revision as of 16:58, 16 June 2024
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div style="aspect-ratio: 2">		<div style="aspect-ratio: 2">
	<canvas id=~~"<!--{$uniqueId\|escape:'html'}-->"~~></canvas>		<canvas id=Math.round(Math.random()*1000000)></canvas>
	</div>		</div>
	<script>		<script>

Raw Salad at 15:50, 16 June 2024

2024-06-16T15:50:07Z

← Older revision		Revision as of 15:50, 16 June 2024
Line 45:		Line 45:
	data: datasets,		data: datasets,
	options: {		options: {
	~~animation: {~~
	~~duration:0,~~
	},
	~~hover: {~~
	~~animationDuration:0,~~
	},
	~~responsiveAnimationDuration:0,~~
	plugins:{		plugins:{
	title: {		title: {

Raw Salad: Trying out the aspect-ratio fix.

2024-06-16T15:26:52Z

Trying out the aspect-ratio fix.

← Older revision		Revision as of 15:26, 16 June 2024
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div>		<div style="aspect-ratio: 2">
	<canvas id="<!--{$uniqueId\|escape:'html'}-->"></canvas>		<canvas id="<!--{$uniqueId\|escape:'html'}-->"></canvas>
	</div>		</div>

Raw Salad: Set animation times to 0.

2024-06-16T15:14:06Z

Set animation times to 0.

Show changes