我想使用文件输入来选择一些图像。在我的 HTML 代码中，我有这个<input type="file" ref="file" name="images[]">选择后，我想将每个选定的图像转换为一个斑点。我如何在我的 Vue 应用程序中实现这一目标？我不确定是否需要使用文件读取器，或者是否需要模拟 ajax 调用以将图像转换为 blob
1 回答
慕盖茨4494581
TA贡献1850条经验 获得超11个赞
const demoDonutOptions = {
color: {
scale: {
java: "#FF0000",
javascript: "#00FF00",
"c++": "#0000FF"
}
},
height: "300px"
};
请注意，需要指定所有组才能color.scale使此示例正常工作：
import React from "react";
import ReactDOM from "react-dom";
import { DonutChart } from "@carbon/charts-react";
import "@carbon/charts/styles.css";
const colors = {
java: "#FF0000",
javascript: "#00FF00",
"c++": "#0000FF"
};
const chartData = [
{
group: "java",
value: 300
},
{
group: "javascript",
value: 600
},
{
group: "c++",
value: 200
}
];
const demoDonutOptions = {
color: {
scale: colors
},
height: "300px"
};
function App() {
return (
<div className="App">
<h3>React Donut chart with label</h3>
<div>
<DonutChart data={chartData} options={demoDonutOptions} />
</div>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
添加回答
举报
0/150
提交
取消