Hwan Hong - All Comments

re: An Overview of XYChart Areas

srinivas.niet — Wed, 11 Jan 2012 07:07:58 GMT

I need to show the x and y Chart lables on the xAxexArea and YAxesArea using c# code dynamocally

re: An Overview of XYChart Areas

nouman.hanif — Mon, 08 Aug 2011 06:32:03 GMT

Hi,

I am trying out the XYChart control. I am using the example xaml code from documentation. As long as I use 'BarSeries' and the Reversed property set to 'True' it all works fine. However, when I change to 'LineSeries', the chart renders with the y-axis reversed, but only the data points get rendered, no lines connecting the data points are rendered. If I set the 'Reversed' property to 'False', it renders the line fine. What am I doing wrong here? Here is the code

<my:XYChart Is3D="False" XPath="X" x:Name="XYChart1" EnableDataPointPopup="True" Orientation="Vertical" LegendDock="Right" LegendVisible="True" EnableAnimation="False">

<my:XYChart.DataSource>

<my1:DemoDataValues>

<my1:DemoDataValue X="Jan" Y="40" />

<my1:DemoDataValue X="Feb" Y="60" />

<my1:DemoDataValue X="Mar" Y="40" />

<my1:DemoDataValue X="Apr" Y="60" />

<my1:DemoDataValue X="May" Y="40" />

<my1:DemoDataValue X="Jun" Y="60" />

<my1:DemoDataValue X="Jul" Y="40" />

<my1:DemoDataValue X="Aug" Y="60" />

<my1:DemoDataValue X="Sep" Y="40" />

<my1:DemoDataValue X="Oct" Y="60" />

<my1:DemoDataValue X="Nov" Y="40" />

<my1:DemoDataValue X="Dec" Y="70" />

</my1:DemoDataValues>

</my:XYChart.DataSource>

<my:LineSeries YPath="Y" />

<my:XYChart.YAxis>

<my:Axis Reversed="True" />

</my:XYChart.YAxis>

</my:XYChart>

re: Convert Web.UI ASP.NET Grid into a data entry spreadsheet

oldbrazil — Thu, 24 Mar 2011 14:04:57 GMT

Dear ComponentArt,

why don't you release an official demo for the spreadsheet feature ?

Like many others, I would like a stable and efficient spreadsheet-like entry component for AJAX and for Silverlight as well.

I don't ask for a "google docs", but something in that direction would be great !

re: XYChart's X-Coordinate Popups

Dydek — Wed, 26 Jan 2011 22:20:16 GMT

Here is the XAML I came up with, but it doesn't work. History and HistoryDelta are both populated and of type List<XYValue>() and the basic chart get painted, but the popupchart does not. When I referenced LayoutRoot, the main grid, I was able to retireve it's margin left property as the popup value. Somehow, binding to CalcEngine from inside a TemplateColumn is not allowed ... ?

<caGridView:GridViewTemplateColumn

Header="Revenue History"

Binding="{Binding }"

Width="250">

<caGridView:GridViewTemplateColumn.CellTemplate>

<Grid>

<caCalc:CalcEngine Width="0" Height="0"

Expression="context"

x:Name="History">

<caCalc:CalcEngineInput

Id="context"

Value="{Binding Path=History}" />

</caCalc:CalcEngine>

<caCalc:CalcEngine Width="0" Height="0"

Expression="context"

x:Name="HistoryDelta">

<caCalc:CalcEngineInput

Id="context"

Value="{Binding Path=HistoryDelta}" />

</caCalc:CalcEngine>

<caChart:XYChart

DataSource="{Binding Path=Output,ElementName=History}"

XPath="XValue"

Width="240"

InnerMargins="0,0,0,0"

Margin="0,0,0,0"

Height="16"

VerticalAlignment="Stretch"

HorizontalAlignment="Stretch"

Orientation="Vertical"

Is3D="False"

DefaultAxisAnnotationsVisible="False"

DefaultGridLinesVisible="False"

DefaultStripesVisible="False"

DefaultCoordinateSystemFrameVisible="False"

EnableDataPointPopup="False"

EnableDataPointSelectionOnMouseClick="False"

EnableAnimation="False"

EnableSeriesSelectionOnMouseClick="False"

EnableXCoordinatePopup="True"

HighlightDataPointOnHover="False"

HighlightXCoordinateOnHover="False">

<caChart:XYChart.XCoordinatePopup>

<caChart:XCoordinatePopup>

<caChart:XCoordinatePopup.DataTemplate>

<Border

Background="White"

CornerRadius="0 0 3 3"

Padding="4"

Margin="-4 0 -4 1">

<Grid>

<caCalc:CalcEngine

x:Name="calc0">

<caCalc:CalcEngineInput

Id="context"

Value="{Binding Path=Output,ElementName=HistoryDelta}" />

<caCalc:CalcEngine.Expression>

var a = context.Count;

</caCalc:CalcEngine.Expression>

</caCalc:CalcEngine>

<StackPanel

Orientation="Vertical">

<TextBlock

Text="{Binding Output, ElementName=calc0}"

FontSize="10" />

</StackPanel>

</Grid>

</Border>

</DataTemplate>

</caChart:XCoordinatePopup.DataTemplate>

</caChart:XCoordinatePopup>

</caChart:XYChart.XCoordinatePopup>

<caChart:BarSeries

Id="S0"

ColorPath="ColorValue"

BarKind="Block"

YPath="YValue"

Fill="#4782B3" />

</caChart:XYChart>

</Grid>

</DataTemplate>

</caGridView:GridViewTemplateColumn.CellTemplate>

</caGridView:GridViewTemplateColumn>

re: XYChart's X-Coordinate Popups

Dydek — Wed, 26 Jan 2011 20:29:10 GMT

I amtrying to take this technique a step further and allow entire charts to be painted in the popup window, but it seems that the CalcEngine Binding is limited to the containing element, ie. the XYChart in the example above. How would one bind the popup chart or another CalcEngine element to elements from higher levels in the page?

re: An Overview of XYChart Areas

NewToSilverlight — Tue, 25 Jan 2011 07:20:56 GMT

Hello Hwan,

I am trying to restrict Minimum and Maximum value for YAxis, YAxis represents standard deviation

<Chart:XYChart Name="Chart" XPath="MeasurementTime" EnableAnimation="False" Is3D="False" >

<Chart:MarkerSeries YPath="sd" Marker="Cross"/>

<Chart:XYChart.YAxis>

<Chart:Axis MinValue="-3" MaxValue="3" />

</Chart:XYChart.YAxis>

</Chart:XYChart>

and the following code throws exception

<Chart:XYChart Name="Chart" XPath="MeasurementTime" EnableAnimation="False" Is3D="False" >

<Chart:MarkerSeries YPath="sd" Marker="Cross" >

<Chart:MarkerSeries.YAxis>

<Chart:Axis MinValue="-3" MaxValue="3" />

</Chart:MarkerSeries.YAxis>

</Chart:MarkerSeries>

</Chart:XYChart>

exception : Unable to cast object of type 'System.Double' to type 'System.String'.

Could you explain how it is possible to do that.

Regards,

Adnan

re: An Overview of XYChart Areas

hwan — Mon, 29 Nov 2010 21:35:21 GMT

I don't think rotating individual AxisLabels is possible in the current release, but truncating large strings can be done with something like:

<ch:AxisLabels.Template>

<caCommon:CalcContainer DataContext="{Binding}">

<caCommon:CalcContainer.Computing>

<sys:String>

var x = Series.S0.DataPoints[Index].X;

Data = x;

FontSize = 12;

if(x.Length > 10)

{

Data = x.Substring(0,10);

FontSize = 10;

}

</sys:String>

</caCommon:CalcContainer.Computing>

<ch:FormattedTextBlock Foreground="White" Background="Black"/>

</caCommon:CalcContainer>

</DataTemplate>

</ch:AxisLabels.Template>

I also snuck in FontSize changes to the above -- see the FormattedTextBlock class in the documentation to see the other exposed properties. Unfortunately there's no way to tell if the setting will cause spilling/overlap, so you'll need to experiment a bit.

re: An Overview of XYChart Areas

jpelak — Mon, 29 Nov 2010 15:32:54 GMT

Thanks for this post, Hwan. I'm trying to customize the AxisLabels for a set of StringCoordinates, and I'm having a bit of trouble in doing so. Specifically, I need the text under each bar of BarSeries in an XYChart to be smart about how it abbreviates, rotates, and otherwise displays large text labels.

It looks as if you intend to enable these kinds of customization scenarios (via XAML templates), but I don't see any samples that show how to do this and I haven't been able to figure out how to do so myself. If you could expand on this posting to illustrate this (or do a follow-up posting), it would be most appreciated.

Thanks,

jmp

re: HOWTO: Using ComponentArt Themes with your Web.UI AJAX/MVC controls

IBEW — Fri, 15 Oct 2010 15:12:35 GMT

I like the autotheming, but are there some basic class styles that I can use for labels (for example) so that the look is consistent? I was hoping I would not have to reinvent the wheel.

Thanks!

re: Web.UI ASP.NET Grid: Synchronize Checkbox States with Row Selection

Attilanet Corporation — Fri, 20 Aug 2010 19:37:36 GMT

Need to uncheck checkboxes in all child rows on item collapse of parent row...

Thanks

Carl

re: Convert Web.UI ASP.NET Grid into a data entry spreadsheet

hwan — Wed, 14 Jul 2010 20:52:57 GMT

Here's a different approach to getting an Excel-like interface from Web.UI DataGrid, which uses its native editing functionality combined with the ItemClick client event.

Javascript:

var rowBeingEditedId = '';

function Grid1_onItemClick(sender, e)

{

if (rowBeingEditedId != e.get_item().get_clientId())

{

// save changes

sender.editComplete();

// edit new row

sender.edit(e.get_item());

}

rowBeingEditedId = e.get_item().get_clientId();

}

ASPX:

<ComponentArt:DataGrid id="Grid1"

EditOnClickSelectedItem="false"

...

It's based on the "Editing - Client Mode" example:

aspnetajax.componentart.com/.../WebForm1.aspx

You'd probably want to add some CSS styling to the textboxes and such to improve the experience, but the performance should be considerably better than the templated version given in the blog post.

Hope this helps!

re: Convert Web.UI ASP.NET Grid into a data entry spreadsheet

CLAMONT — Mon, 12 Jul 2010 15:54:10 GMT

I just came back to this page and am happy to see people are using this forum... even though each reply shows a data of Thu Mar 12, 2009 @ 3:19 PM ... I think this is still an active discussion.

I'll re-run my performance test on IE8 and will create a forum discussion if I see any performance issues.

re: Convert Web.UI ASP.NET Grid into a data entry spreadsheet

sarahbenjamin1 — Wed, 12 May 2010 17:29:43 GMT

Clamont ..Why do you think it will be slow on IE, since these are client side formatting changes only?

Hwan, yes I started a form thread on that.. and was able to resolve it by firing an event upon item change. So yes its been resolved.

www.componentart.com/.../99914.aspx

But I would definately like to know why would it affect performance in browsers?

Thanks

-Sarah

re: Convert Web.UI ASP.NET Grid into a data entry spreadsheet

hwan — Wed, 28 Apr 2010 22:23:06 GMT

I actually see similar performance between FireFox 3.6.3 and IE 8.0.7600. Have you tried reducing the column and/or row count (PageSize) shown?

You may want to start a forum thread for the issue, so that we can more easily exchange code and have a dedicated page for discussion.

re: Convert Web.UI ASP.NET Grid into a data entry spreadsheet

CLAMONT — Wed, 28 Apr 2010 01:36:39 GMT

Nice idea, but ~painfully slow~ on IE. Have there been any updates?