How to customize Chart Background color in vsdc free video editor
How to start working with charts in VSDC
Once you’ve installed and launched the program, open the “Editor” tab and click the “Add object” button located in the menu at the top of the interface. Select “Chart” from the dropdown menu to add a chart to the scene. You can also use the dedicated icon How to create animated charts for free in the menu on the left-hand side or the Ctrl + C combination. In the pop-up window you’ll be asked to confirm the object’s position on the timeline – just click Ok. A generic chart template will be placed in the scene once you perform this action.
Note that the “Add chart” icon on the left provides 3 options: adding a chart, a diagram, or a “Series” layer. These are the layers that help you fine-tune a chart on different layers. Each new layer is opened with a double-click on the previous one. Thus, by clicking on the “Chart” layer twice, you move to the “Diagram” layer and so on. One chart can contain several 2D diagrams.
Chart setup layers in VSDC
Let’s review each setup layer for you to have a better understanding of where to resort for a necessary parameter.
Chart
This is the first layer you start working with and it allows for setting the general appearance of the chart. Here are the parameters available here:
The time of chart appearance in the scene and its duration time;
Colors of axes, borders, and background;
Axes and borders titles;
Data direction and alignment.
Diagram
When you make a double click on the “Chart” layer, you get to the second level of settings, called “Diagram”.
The settings on the “Diagram” level are similar to the settings on the “Chart” level. The main difference is that here you’ll be able to edit each diagram individually when there are multiple diagrams in a chart. Here are the properties you can work with:
Diagram style (2D diagram, 3D pie, funnel, pyramid, etc.)
The time of the appearance in the scene and the duration time for each diagram;
Diagram title;
Colors of each diagram axes and background;
Format of axes and borders titles.
Series
The last layer you get to by clicking on the Diagram level twice is called “Series”. It allows for adjusting the data displayed in the chart. Here is what you can set up in particular:
The moment of data appearance and its duration time in the scene;
Chart legend, its format, color theme and location;
Series properties style (for instance, if you’ve chosen a 3D diagram style earlier, you’ll need to choose a corresponding properties style such as Pie 3D, Torus 3D, etc.);
Format, color, and location of the chart data;
Labels shape, colors, and size;
The appearance dynamics of the data, etc.
How to create and design a chart in VSDC: basic principles
Now, let’s go over creating a 2D chart in VSDC in detail. Follow the steps below.
Step 1. We’ve already touched upon the first step of creating a chart. You need to open the “Editor” tab and click the “Add object” button. From the dropdown menu, select “Chart” to get a generic chart template with several bars as illustrated below.
Step 2. Using the right mouse button, click on the “Chart” layer and select “Properties” from the menu – the “Properties window” will slide in from the right-hand side.
The first menu section here is called “Common settings”. This is where you can type a name for the chart layer, its precise location in the scene, the time of appearance, and duration. Note that you can set up the appearance moment and the duration using frames or milliseconds.
To add a title right to the chart object, scroll down to the “Titles” section and type the desired name in the field called “Title 1”.
Step 4. To edit colors of the chart, go to the section called “Chart object’s colors” and either select colors manually or apply one of the presets. For example, in the illustration below, we’ve chosen the black preset to apply the black-and-white style to the background, the legend, the data, and the borders.
Step 5. To change the color theme of the gridline area, open the section called “2D diagrams appearance” located in the same “Chart object’s colors” menu. For example, in the illustration below we’ve adjusted the following parameters:
Background – black and gray (comes in the selected color preset).
Axis color – light blue.
Interlaced color and Interlaced color 2 - black.
If you have added multiple diagrams to the chart, you can set up the distance between them as well as their style and position regarding each other – horizontal or vertical, rotated or not.
Step 6. Finally, you can set up the colors of the chart’s legend: its background, text, frame, labels as well as the legend’s position. In the example below, we’ve left the color theme selected with the preset, however, we’ve changed the legend’s position. Check the following parameters:
Horizontal alignment – center
Vertical alignment – near outside
Direction – left to right
Column count - 0