million
are you using?^1.0.0-rc.24
n/a
npm
Windows
Chrome
Prior to adding the MillionLint.vite()
plugin to my Vite config, my Recharts coloring behaves as expected.
After adding the plugin to my project, my Rechart graphs do not show the charts properly
My recharts graph has worked properly for months, enduring dozens of additional npm packages in the repo. Something about Million is affecting it differently
If necessary, here is my simple recharts data
<BarChart
className="z-0"
height={300}
width={350}
data={chartData}
onClick={onChartChange}
>
<CartesianGrid strokeDasharray="3 3" />
<XAxis
tick={{ fontSize: 10 }}
interval="preserveStartEnd"
dataKey="type"
/>
<YAxis tick={{ fontSize: 12 }} />
<Tooltip />
<Bar
dataKey={"count"}
fill="#8884d8"
stroke="#000000"
strokeWidth={1}
>
{chartData?.map((b, index) => (
<Cell
role="cell"
aria-label={"cell" + index}
key={type + "cell" + index}
fill={
b.visible
? InventoryUtils.colorGradient[size][index]
: "gray"
}
/>
))}
</Bar>
</BarChart>
/* Might not be optimized, feedback is welcome while I have Million off till fix π */
It seems that Million is affecting hte display of not only the Cell
component, but also the XAxis
and YAxis
components.
I expect my Recharts to remain the same after depending on this incredible Million Linter.
Will make this if necessary, hopefully it is not.
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too