Profile picture for user YvonneH

MashZone 2.1 has another great new feature. It now allows users to set the colors for their graphics themselves in order to, for example, use their corporate identity (CI) colors in MashApps.

There are two ways to do this.

You can add a new, customized color palette to the preinstalled palettes. To do so, you must create an XML file and insert it into $install/assets/colorschemes.

asset folder of MashZone

The content of the file must look as follows:

definition of color palette via XML in MashZone

After creating the file, it should be stored in the following folder:

new color palette stored in MashZone's asset folder

This new color palette is then available in the future for all MashApps and can be selected in the graphic options under Formatting -> Data points.

selection of new color palette in MashZone

The second possibility allows you to extract the color code from the data feed and thus, color graphics directly in a MashApp. Color names or the hex codes are used to do this.

color definition via feed

Then, you can select the customized color codes under Criterion -> Colors.

selecting custom colors

The result could for example, look like this:

a mashapp with a custom color palette

Note: Make sure to also read about the other new features of MashZone 2.1!

by Dieter Jansen
Posted on Thu, 04/21/2011 - 08:56

Good Morning,

 

Not entirely related to the topic, but I'm wondering whether it is possible to change the colour of a single bar in a bar chart based on its value.  Currently thresholds are shown in the background, but I would prefer that if a particular value is higher than the threshold value, then the bar colour itself changes.  Is this possible?

 

Dieter

0
by Thomas Staub
Posted on Thu, 04/21/2011 - 10:53

Hi Dieter



To use this new feature, you need a color-column in wich you provide a color value for each datapoint in your chart.

You can fill this column with the replace-value-operator. If you have 3 "threholds" you need 3 replace-value-operators.



For example:







Now the problem is that the cartesian-charts (Line,Column,Bar) in mashzone does not differ the values by colors if you have only one dimension.

In this charts you can use the feature only with the second dimension ("More values" in the datamode).



But you can use a trick. Because you need two dimensions you need a further column in our feed (in the example "2ndDim"). This column has to be empty.

No you have to assign this column to the y-Axis and the "real dimension-column" to the "More values-axis". And here you can use your color-column for coloring.

Then we have to set the "More-Values-type" to "Grouped"





On problem remains. With this trick it is not possible to show the dimension-values direclty in the chart.

But with the legend and a userdefined tooltip you can recognize the different values.



In a pie-chart you can use the coloring-feature directly with the "criterion-coordinate".





Regards

  Thomas

 

0
by Stephan Freudl
Posted on Mon, 05/23/2011 - 20:13

To avoid typos you may use this snippet:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE colorscheme SYSTEM "colorscheme.dtd">
<colorscheme>
    <descriptions>
        <description language="de" name="Grau"/>
        <description language="en" name="Gray"/>
    </descriptions>
    <colors>0x8D8D8D, 0xA4A4A4, 0xBBBBBB, 0xD1D1D1</colors>
</colorscheme>

 

0

Featured achievement

Genius
You like to help others solve their problems by answering questions.
Recent Unlocks
  • KF
  • KH
  • RG
  • Profile picture for user Vee_ARIS
  • Profile picture for user smarty
  • PacMan

Leaderboard

|
icon-arrow-down icon-arrow-cerulean-left icon-arrow-cerulean-right icon-arrow-down icon-arrow-left icon-arrow-right icon-arrow icon-back icon-close icon-comments icon-correct-answer icon-tick icon-download icon-facebook icon-flag icon-google-plus icon-hamburger icon-in icon-info icon-instagram icon-login-true icon-login icon-mail-notification icon-mail icon-mortarboard icon-newsletter icon-notification icon-pinterest icon-plus icon-rss icon-search icon-share icon-shield icon-snapchat icon-star icon-tutorials icon-twitter icon-universities icon-videos icon-views icon-whatsapp icon-xing icon-youtube icon-jobs icon-heart icon-heart2 aris-express bpm-glossary help-intro help-design Process_Mining_Icon help-publishing help-administration help-dashboarding help-archive help-risk icon-knowledge icon-question icon-events icon-message icon-more icon-pencil forum-icon icon-lock