1
llwxi 244 天前
[rc-slider]( https://slider-react-component.vercel.app/demo/range)
[chart.js]( https://www.chartjs.org/docs/latest/samples/bar/floating.html) ```js { data: { labels: n, datasets: [{ label: "Articles", data: l, backgroundColor: "rgba(0, 123, 255, 0.2)", borderColor: "rgba(0, 123, 255, 0.6)", borderWidth: 1 }, { label: "Filtered articles", data: c, backgroundColor: "rgba(0, 123, 255, 1)", borderColor: "rgba(0, 123, 255, 1)", borderWidth: 0 }] }, options: { animation: !1, maintainAspectRatio: !1, plugins: { legend: { onClick: ()=>{} , align: "center", position: "top", labels: { boxHeight: 6, font: { size: 14 } } } }, scales: { y: { title: { text: "Number of articles", color: "#64748b", font: { size: 14 } }, border: {}, ticks: { beginAtZero: !0, display: !0, autoSkip: !0, maxTicksLimit: 10, color: "#64748b", stepSize: 1 }, grid: { drawBorder: !1, drawOnChartArea: !1 }, max: "small" === a ? 6 : void 0 }, x: { stacked: !0, title: { display: !1, text: "News significance", color: "#64748b", font: { size: 14 } }, ticks: { align: "center", maxTicksLimit: 11, color: "#64748b" }, grid: { offset: !1, drawBorder: !1, drawTicks: !0, drawOnChartArea: !1 } } } } } ``` |