open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Testing multiple choice line charts

Browse Source
This commit is contained in:
ahalekelly 2022-08-29 19:50:32 -07:00
parent 1d948821ca
commit b1d924614f
1 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/answers/answers-graph.tsx
View File

@ -87,7 +87,7 @@ export const AnswersGraph = memo(function AnswersGraph(props: {
>
<ResponsiveLine
data={data}
yScale={{ min: 0, max: 100, type: 'linear', stacked: true }}
yScale={{ min: 0, max: 100, type: 'linear' }}
yFormat={formatPercent}
gridYValues={yTickValues}
axisLeft={{
@ -107,20 +107,11 @@ export const AnswersGraph = memo(function AnswersGraph(props: {
format: (time) =>
formatTime(+time, multiYear, lessThanAWeek, includeMinute),
}}
colors={[
'#fca5a5', // red-300
'#a5b4fc', // indigo-300
'#86efac', // green-300
'#fef08a', // yellow-200
'#fdba74', // orange-300
'#c084fc', // purple-400
]}
colors={{ scheme: 'category10' }}
pointSize={0}
curve="stepAfter"
enableSlices="x"
enableGridX={!!width && width >= 800}
enableArea
areaOpacity={1}
margin={{ top: 20, right: 20, bottom: 25, left: 40 }}
legends={[
{