Datapoint style in Silverlight Chart Series(ColumnSeries/BarSeries/LineSeries) -


i have wierd issue style of silverlight charting controls. when create datapointstyle anyseries ignore existing default color combination. starts showing me same(orange) color haven't set in background of datapointstyle.

what want create custom tooltip , leave background is. not working me. suggestion appreciated.

cheers!

vinod

i think trick not apply data-point style chart itself, rather individual colours make palette.

i started following, uses piechart. same principles should apply when using other types of chart:

<usercontrol x:class="chartpalettedemo.mainpage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" mc:ignorable="d" d:designheight="300" d:designwidth="400"> <usercontrol.resources> <style x:key="pointstyle" targettype="toolkit:datapoint"> <setter property="dependentvaluestringformat" value="the value {0:n0}" /> <setter property="ratiostringformat" value="" /> </style> </usercontrol.resources> <toolkit:chart> <toolkit:chart.series> <toolkit:pieseries itemssource="{binding path=data}" independentvaluebinding="{binding path=key}" dependentvaluebinding="{binding path=value}" datapointstyle="{staticresource pointstyle}" /> </toolkit:chart.series> </toolkit:chart> </usercontrol>

this gave me pie chart customised tooltip text segments orange.

the next step set custom palette. palette used silverlight toolkit charts resourcedictionarycollection, each contained resourcedictionary representing colour within palette. can find 'default' palette chart within themes\generic.xaml in assembly system.windows.controls.datavisualization.toolkit. can use tool such blend or ilspy @ palette.

i took 'default' palette, and:

  • removed of setters datashapestyle (i'm not sure they're necessary, can keep them if wish),
  • changed targettype of each datapointstyle control toolkit:datapoint, and
  • added basedon="{staticresource pointstyle}" each datapointstyle.

this last point sets custom tooltip format each palette entry.

this left me following, added <usercontrol.resources>:

 <toolkit:resourcedictionarycollection x:key="chartpalette"> <!-- blue --> <resourcedictionary> <radialgradientbrush x:key="background" gradientorigin="-0.1,-0.1" center="0.075,0.015" radiusx="1.05" radiusy="0.9"> <gradientstop color="#ffb9d6f7" /> <gradientstop color="#ff284b70" offset="1" /> </radialgradientbrush> <style x:key="datapointstyle" targettype="toolkit:datapoint" basedon="{staticresource pointstyle}"> <setter property="background" value="{staticresource background}" /> </style> </resourcedictionary> <!-- other styles copied similarly, omitted brevity --> </toolkit:resourcedictionarycollection>

i removed datapointstyle="{staticresource pointstyle}" pieseries , added palette="{staticresource chartpalette}" <toolkit:chart> element instead. when ran application got 4 segments of pie use different colours.

acknowledgement: of has been taken atomlinson's post on silverlight forums @ http://forums.silverlight.net/post/330170.aspx.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more