How to make the chart area semi-transparent in chart?

How can I make the color of the graph translucent? I’m displaying a graph as a BAR and I want them to be semi-transparent. Is it possible to do this?

Important: unclear posts may not receive useful answers.

Before posting

  • Get familiar with Markdown to format and structure your post
  • Be sure to update lvgl from the latest version from the master branch.
  • Be sure you have checked the FAQ and read the relevant part of the documentation.
  • If applicable use the Simulator to eliminate hardware related issues.

Delete this section if you read and applied the mentioned points.


What MCU/Processor/Board and compiler are you using?


What LVGL version are you using?


What do you want to achieve?

What have you tried so far?

Code to reproduce

The code block(s) should be formatted like:

/*You code here*/
	PanelABSCAN.AScan = lv_chart_create(PanelABSCAN.Panel);
	lv_obj_set_width(PanelABSCAN.AScan, 272);
	lv_obj_set_height(PanelABSCAN.AScan, 140);
	if(Config.Screen.Fill) {lv_chart_set_type(PanelABSCAN.AScan, LV_CHART_TYPE_BAR);}
	else				   {lv_chart_set_type(PanelABSCAN.AScan, LV_CHART_TYPE_LINE);}
	lv_chart_set_range(PanelABSCAN.AScan, LV_CHART_AXIS_PRIMARY_Y, -2047, 2047);
	lv_chart_set_div_line_count(PanelABSCAN.AScan, 11, 11);
	lv_chart_set_axis_tick(PanelABSCAN.AScan, LV_CHART_AXIS_PRIMARY_X, 0, 0, 10, 2, true, 50);
	lv_chart_set_axis_tick(PanelABSCAN.AScan, LV_CHART_AXIS_PRIMARY_Y, 0, 0, 5, 0, false, 50);
	lv_chart_set_axis_tick(PanelABSCAN.AScan, LV_CHART_AXIS_SECONDARY_Y, 0, 0, 5, 2, false, 25);

	lv_obj_set_style_border_opa(PanelABSCAN.AScan, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(PanelABSCAN.AScan, 1, LV_PART_MAIN | LV_STATE_DEFAULT);
	lv_obj_set_style_radius(PanelABSCAN.AScan, 0, LV_PART_MAIN | LV_STATE_DEFAULT);

	lv_obj_set_style_pad_left(PanelABSCAN.AScan, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(PanelABSCAN.AScan, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(PanelABSCAN.AScan, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(PanelABSCAN.AScan, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
	lv_obj_set_style_size(PanelABSCAN.AScan, 0, LV_PART_INDICATOR | LV_STATE_DEFAULT);				// выключить точки
	lv_obj_set_style_text_align(PanelABSCAN.AScan, LV_TEXT_ALIGN_CENTER, LV_PART_TICKS | LV_STATE_DEFAULT);

## Screenshot and/or video


Please check out this example.