Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
925
Empty template for igPieChart
posted

Hi all!
Do you know if igPieChart supports any kind of "empty template"?

In certain situations, the dataSource of my chart is binded to a list with no items (json object "[ ]") and the pie is not drawn.
Is there any option to draw something indicating "no data", instead? A light-grey-border with an icon maybe, or a text, or anything else...
Or do I have to handle it manually?

Thank you, Maria

  • 17590
    Offline posted

    Hello Maria,

     

    After investigating this further and doing some research, having an empty template for igPieChart  has been determined to be a new product idea. You can suggest new product ideas for future versions (or vote for existing ones) at <http://ideas.infragistics.com>.

     There are many benefits to submitting a product idea:

     -          Direct communication with our product management team regarding your product idea.

     -          Notifications whenever new information regarding your idea becomes available.

     -          Ability to vote on your favorite product ideas to let us know which ones are the most important to you.  You will have ten votes for this and can change which ideas you are voting for at any time.

     -          Allow you to shape the future of our products by requesting new controls and products altogether.

     -          You and other developers can discuss existing product ideas with members of our Product Management team.

     Steps to create your idea:

                   

    1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).
    2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
    3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!

     The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.

    However, what I can suggest as a workaround for this scenario is handling $(document).ready jQuery event. In this event the length of the json object acting as your datasource could be checked and if there are no items inside this json the innerHTML property of the div, used for the chart, could be set to display any message. For example:

       $(function () {

               $(document).ready(function () {

                    if (data.length == 0) {

                        document.getElementById("chart").innerHTML = "Enter your message for empty datasource here";

                    }

                        });

            });

     

    I also made a small sample illustrating my suggestion and I am attaching it for your reference.

     I hope you find this information helpful.

     Please let me know if you need any additional information regarding this matter.

     

     

    igPieChartEmptyDataSource.zip