Advanced chart does not display in tabs of elementor template kits

[ad_1]

Hello, friends.

I’m new to Elementor. I have a project using template kits in Elementor not pro. I made a tabs widget. In each tabs widget, I add a template of pie chart. And only one tab appear pie chart, the other pie chart does not appear. I tried to modify the json file from this

“tab_list”: [

                  {

                    “list_title”: “Distribution”,

                    “list_content”: “”,

                    “_id”: “00a1574”,

                    “set_active”: “set-active-tab”,

                    “icon_tabs”: { “value”: “”, “library”: “” },

                    “list_content_text_type”: “template”,

                    “list_content_template”: “bar-chart-distribution-home-02”,

                    “image”: {

                      “id”: “”,

                      “url”: “http://localhost:10013/wp-content/plugins/elementor/assets/images/placeholder.png”

                    }

                  },

                  {

                    “list_title”: “Funding Allocation”,

                    “list_content”: “”,

                    “_id”: “caf862d”,

                    “icon_tabs”: { “value”: “”, “library”: “” },

                    “list_content_text_type”: “template”,

                    “list_content_template”: “bar-chart-funding-allocation-home-01”,

                    “image”: {

                      “id”: “”,

                      “url”: “http://localhost:10013/wp-content/plugins/elementor/assets/images/placeholder.png”

                    }

                  }

                ],

to this

“tab_list”: [
{
“list_title”: “Distribution”,
“list_content”: “”,
“_id”: “00a1574”,
“set_active”: “set-active-tab”,
“icon_tabs”: { “value”: “”, “library”: “” },
“list_content_text_type”: “template”,
“list_content_template”: “bar-chart-distribution-home-02”,
“image”: {
“id”: “”,
“url”: “http://localhost:10013/wp-content/plugins/elementor/assets/images/placeholder.png”
}
},
{
“list_title”: “Funding Allocation”,
“list_content”: “”,
“_id”: “caf862d”,
“set_active”: “set-active-tab”,
“icon_tabs”: { “value”: “”, “library”: “” },
“list_content_text_type”: “template”,
“list_content_template”: “bar-chart-funding-allocation-home-01”,
“image”: {
“id”: “”,
“url”: “http://localhost:10013/wp-content/plugins/elementor/assets/images/placeholder.png”
}
}
],

Basically, i added a new line

“set_active”: “set-active-tab”.

Then another issue happens. The two pie chart all appear at the beginning and then i click on each tab, the pie chart of each tab appears. It is not what i want. I want pie chart of each tab appear when i click on its tab not all pie charts appear at beginning.

Does anyone meet this problem before and if you have solution for it ?
Pleaseeee tell meee.
I need any kind of support from you.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer