Folks,
Here's a challenge for someone - see if you can get rid of the black border around this chart! The following code gives me a chart with a silver border with a corner radius (which I want), but I can also see a solid black border that I cannot turn off.
Any help much appreciated.
Emma
<igchart:UltraChart ID="UltraChart2" runat="server" ChartType="Composite"
EmptyChartText="Data Not Available. Please call UltraChart.Data.DataBind() after setting valid Data.DataSource"
Version="9.2" Width="782px" >
<ColorModel AlphaLevel="150">
</ColorModel>
<Annotations>
<igchartprop:BoxAnnotation Height="-1" Text="Date" Width="-1">
<border color="Transparent" />
<textstyle horizontalalign="Center" />
<pe stroke="Transparent" strokeopacity="0" />
<location column="0" locationx="50" locationy="90" row="0" type="Percentage"
valuex="0" valuey="0" />
</igchartprop:BoxAnnotation>
</Annotations>
<CompositeChart>
<Series>
<igchartprop:NumericTimeSeries Key="seriesPredicted" Label="Predicted">
<points>
<igchartprop:NumericTimeDataPoint Label="test" NumericValue="1"
TimeValue="02/16/2010 15:32:33">
<pe elementtype="None" />
</igchartprop:NumericTimeDataPoint>
<igchartprop:NumericTimeDataPoint Label="test2" NumericValue="3"
TimeValue="02/18/2010 15:32:48">
</points>
<pes>
<igchartprop:PaintElement Fill="SkyBlue" />
</pes>
</igchartprop:NumericTimeSeries>
<igchartprop:NumericTimeSeries Key="seriesAllActual" Label="Actual">
<igchartprop:NumericTimeDataPoint Label="test" NumericValue="3"
TimeValue="02/16/2010 15:33:41">
<igchartprop:NumericTimeDataPoint Label="test" NumericValue="6"
TimeValue="02/26/2010 15:33:47">
<igchartprop:PaintElement Fill="Thistle" />
<igchartprop:NumericTimeSeries Key="seriesChargeable" Label="Chargeable">
<igchartprop:NumericTimeDataPoint NumericValue="1"
TimeValue="02/18/2010 10:09:26">
<igchartprop:NumericTimeDataPoint NumericValue="2"
TimeValue="02/18/2010 10:09:27">
<igchartprop:NumericTimeSeries Key="seriesNonChargeable" Label="Non-Chargeable">
</Series>
<ChartLayers>
<igchartprop:ChartLayerAppearance AxisXKey="axis1" AxisYKey="axis2"
ChartAreaKey="area1" ChartType="SplineChart" Key="chartLayer1"
SeriesList="seriesPredicted">
<ChartTypeAppearances>
<igchartprop:SplineChartAppearance EndStyle="NoAnchor" SplineTension="0.5"
StartStyle="NoAnchor">
</igchartprop:SplineChartAppearance>
</ChartTypeAppearances>
</igchartprop:ChartLayerAppearance>
ChartAreaKey="area1" ChartType="LineChart" Key="chartLayer2"
SeriesList="seriesAllActual|seriesChargeable|seriesNonChargeable">
<igchartprop:LineChartAppearance>
</igchartprop:LineChartAppearance>
</ChartLayers>
<ChartAreas>
<igchartprop:ChartArea Bounds="5, 0, 95, 100" BoundsMeasureType="Percentage"
Key="area1">
<Axes>
<igchartprop:AxisItem DataType="Time" Extent="50" Key="axis1" LineThickness="1"
OrientationType="X_Axis" SetLabelAxisType="GroupBySeries" TickmarkInterval="0">
<Margin>
<Far Value="3" />
</Margin>
<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"
Thickness="1" Visible="True" />
<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"
Thickness="1" Visible="False" />
<Labels HorizontalAlign="Center" ItemFormatString="<ITEM_LABEL:dd-MMM>"
Orientation="Horizontal" OrientationAngle="40" VerticalAlign="Near">
<SeriesLabels HorizontalAlign="Center" Orientation="Horizontal"
VerticalAlign="Center">
</SeriesLabels>
</Labels>
</igchartprop:AxisItem>
<igchartprop:AxisItem DataType="Numeric" Key="axis2" LineThickness="1"
OrientationType="Y_Axis" SetLabelAxisType="GroupBySeries" TickmarkInterval="0">
<Labels HorizontalAlign="Near" ItemFormatString="<DATA_VALUE:0.##>"
Orientation="Horizontal" VerticalAlign="Center">
<SeriesLabels FormatString="Days" HorizontalAlign="Center"
</Axes>
<PE Stroke="Silver" />
<GridPE ElementType="None" Stroke="" />
<Border Color="Transparent" Thickness="0" />
</igchartprop:ChartArea>
</ChartAreas>
<Legends>
<igchartprop:CompositeLegend BoundsMeasureType="Percentage"
ChartLayerList="chartLayer1|chartLayer2">
<Border Thickness="2" />
</igchartprop:CompositeLegend>
</Legends>
</CompositeChart>
<Axis>
<PE ElementType="None" Fill="Cornsilk" />
<X LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="True"
LineDrawStyle="Dash">
<Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near"
ItemFormatString="<ITEM_LABEL>" Orientation="VerticalLeftFacing"
VerticalAlign="Center" OrientationAngle="40">
<SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString=""
HorizontalAlign="Near" Orientation="VerticalLeftFacing"
<Layout Behavior="Auto">
</Layout>
</X>
<Y LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="True">
<Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Far"
ItemFormatString="<DATA_VALUE:00.##>" Orientation="Horizontal"
HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center">
</Y>
<Y2 TickmarkInterval="0" Visible="False">
<Labels HorizontalAlign="Near" ItemFormatString="<DATA_VALUE:00.##>" Orientation="Horizontal"
VerticalAlign="Center" Visible="False">
<SeriesLabels HorizontalAlign="Near" Orientation="Horizontal"
VerticalAlign="Center" FormatString="">
</Y2>
<X2 TickmarkInterval="0" Visible="False">
<Labels HorizontalAlign="Far" ItemFormatString="<ITEM_LABEL>"
Orientation="VerticalLeftFacing" VerticalAlign="Center" Visible="False">
<SeriesLabels HorizontalAlign="Far" Orientation="VerticalLeftFacing"
</X2>
<Z TickmarkInterval="0" Visible="False">
<Labels HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal"
</Z>
<Z2 TickmarkInterval="0" Visible="False">
</Z2>
</Axis>
<TitleLeft HorizontalAlign="Center" Text="Days Acc." Visible="True">
</TitleLeft>
<Effects>
<igchartprop:GradientEffect />
</Effects>
<Data ZeroAligned="True">
</Data>
<TitleBottom Text="Date" Visible="False">
</TitleBottom>
<Border Color="Silver" CornerRadius="5" />
</igchart:UltraChart>
Change the Thickness of the Legend border to 0:
<igchartprop:CompositeLegend BoundsMeasureType="Percentage" ChartLayerList="chartLayer1|chartLayer2">
<Border Thickness="0" />