Skip to Content

Currently, Design Studio does not support color palette for chart component. To use different colors in chart, designer has to specify color code one series by one series in the Additional Property.

/wp-content/uploads/2015/11/1_834161.png

It can be time consuming. Besides, we can only specify existing series in Additional Property. In other words, if there is more series in the future, those series will have default colors.

One workaround is to modify .biapp file in the notepad directly.

Step1: put a chart in canvas

/wp-content/uploads/2015/11/2_834162.png

Step2: close the application, go to repository and open .biapp

/wp-content/uploads/2015/11/3_834163.png

Step 3: locate the Chart component

/wp-content/uploads/2015/11/4_834164.png

Step 4: Paste color palette code under the chart component

/wp-content/uploads/2015/11/5_834165.png

<bi:property name=”ADDITIONAL_PROPERTIES”>                                      

     <bi:value><![CDATA[{“dataSeriesFormat”:{“data”:[“color1″,”color2″],”changedData”:{“0″:” color1″,”1″:” color2″}}}]]></bi:value>

</bi:property>

For example,

<bi:value><![CDATA[{“dataSeriesFormat”:{“data”:[“#000000″,”#272727″,”#3C3C3C”,”#4F4F4F”,”#5B5B5B”,”#6C6C6C”,”#7B7B7B”,”#8E8E8E”,”#9D9D9D”,”#ADADAD”],”changedData”:{“0″:”#000000″,”1″:”#272727″,”2″:”#3C3C3C”,”3″:”#4F4F4F”,”4″:”#5B5B5B”,”5″:”#6C6C6C”,”6″:”#7B7B7B”,”7″:”#8E8E8E”,”8″:”#9D9D9D”,”9″:”#ADADAD”}}}]]></bi:value>

Step 5: Save the .biapp, open application, and bind the data source

/wp-content/uploads/2015/11/6_834166.png

Note that we have to paste for all the charts one by one. But I believe this is much faster than to modify in Additional Property.

Enjoy!

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply