ألوان شرائح أو قطاعات مخصصة في مخطط دائري باستخدام Node.js عبر C++
Contents
[
Hide
]
يشرح هذا المقال كيفية إضافة ألوان مخصصة لشرائح/قطاعات الدائرة الدائرية. بشكل افتراضي، تستخدم الرسوم البيانية الدائرية القوالب الافتراضية لبرنامج Microsoft Excel. لاستخدام ألوان أخرى، أعيد تعريف الألوان في الرسم البياني.
لتعيين لون مخصص لشرائح أو قطاعات الدائرة الدائرية:
- الوصول إلى كائن Series وChartPoint.
- تعيين لونك المفضل باستخدام خاصية ChartPoint.getForegroundColor().
يشرح هذا المقال أيضًا كيفية:
- بيانات فئة الرسم البياني.
- عنوان الرسم البياني المرتبط بخلية.
- إعدادات خط عنوان الرسم البياني.
- موقع وسام.
ChartPoint.getForegroundColor() ليس محددًا لرسومات الدائرة الدائرية ولكن يمكن استخدامه لجميع أنواع الرسوم البيانية.
const path = require("path");
const AsposeCells = require("aspose.cells.node");
// The path to the documents directory.
const dataDir = path.join(__dirname, "data");
const filePath = path.join(dataDir, "sample.xlsx");
// Loads the workbook which contains hidden external links
const workbook = new AsposeCells.Workbook(filePath);
// Access the first worksheet.
const worksheet = workbook.getWorksheets().get(0);
// Put the sample values used in a pie chart
worksheet.getCells().get("C3").putValue("India");
worksheet.getCells().get("C4").putValue("China");
worksheet.getCells().get("C5").putValue("United States");
worksheet.getCells().get("C6").putValue("Russia");
worksheet.getCells().get("C7").putValue("United Kingdom");
worksheet.getCells().get("C8").putValue("Others");
// Put the sample values used in a pie chart
worksheet.getCells().get("D2").putValue("% of world population");
worksheet.getCells().get("D3").putValue(25);
worksheet.getCells().get("D4").putValue(30);
worksheet.getCells().get("D5").putValue(10);
worksheet.getCells().get("D6").putValue(13);
worksheet.getCells().get("D7").putValue(9);
worksheet.getCells().get("D8").putValue(13);
// Create a pie chart with desired length and width
const pieIdx = worksheet.getCharts().add(AsposeCells.ChartType.Pie, 1, 6, 15, 14);
// Access the pie chart
const pie = worksheet.getCharts().get(pieIdx);
// Set the pie chart series
pie.getNSeries().add("D3:D8", true);
// Set the category data
pie.getNSeries().setCategoryData("=Sheet1!$C$3:$C$8");
// Set the chart title that is linked to cell D2
pie.getTitle().setLinkedSource("D2");
// Set the legend position at the bottom.
pie.getLegend().setPosition(AsposeCells.LegendPositionType.Bottom);
// Set the chart title's font name and color
pie.getTitle().getFont().setName("Calibri");
pie.getTitle().getFont().setSize(18);
// Access the chart series
const srs = pie.getNSeries().get(0);
// Color the individual points with custom colors
srs.getPoints().get(0).getArea().setForegroundColor(new AsposeCells.Color(0, 246, 22, 219));
srs.getPoints().get(1).getArea().setForegroundColor(new AsposeCells.Color(0, 51, 34, 84));
srs.getPoints().get(2).getArea().setForegroundColor(new AsposeCells.Color(0, 46, 74, 44));
srs.getPoints().get(3).getArea().setForegroundColor(new AsposeCells.Color(0, 19, 99, 44));
srs.getPoints().get(4).getArea().setForegroundColor(new AsposeCells.Color(0, 208, 223, 7));
srs.getPoints().get(5).getArea().setForegroundColor(new AsposeCells.Color(0, 222, 69, 8));
// Autofit all columns
worksheet.autoFitColumns();
const outputPath = path.join(dataDir, "output.out.xlsx");
// Save the workbook
workbook.save(outputPath, AsposeCells.SaveFormat.Xlsx);