Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
175
Can't set border
posted

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>

<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>

</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">

<pe elementtype="None" />

</igchartprop:NumericTimeDataPoint>

</points>

<pes>

<igchartprop:PaintElement Fill="SkyBlue" />

</pes>

</igchartprop:NumericTimeSeries>

<igchartprop:NumericTimeSeries Key="seriesAllActual" Label="Actual">

<points>

<igchartprop:NumericTimeDataPoint Label="test" NumericValue="3"

TimeValue="02/16/2010 15:33:41">

<pe elementtype="None" />

</igchartprop:NumericTimeDataPoint>

<igchartprop:NumericTimeDataPoint Label="test" NumericValue="6"

TimeValue="02/26/2010 15:33:47">

<pe elementtype="None" />

</igchartprop:NumericTimeDataPoint>

</points>

<pes>

<igchartprop:PaintElement Fill="Thistle" />

</pes>

</igchartprop:NumericTimeSeries>

<igchartprop:NumericTimeSeries Key="seriesChargeable" Label="Chargeable">

<points>

<igchartprop:NumericTimeDataPoint NumericValue="1"

TimeValue="02/18/2010 10:09:26">

<pe elementtype="None" />

</igchartprop:NumericTimeDataPoint>

<igchartprop:NumericTimeDataPoint NumericValue="2"

TimeValue="02/18/2010 10:09:27">

<pe elementtype="None" />

</igchartprop:NumericTimeDataPoint>

</points>

</igchartprop:NumericTimeSeries>

<igchartprop:NumericTimeSeries Key="seriesNonChargeable" Label="Non-Chargeable">

</igchartprop:NumericTimeSeries>

</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>

<igchartprop:ChartLayerAppearance AxisXKey="axis1" AxisYKey="axis2"

ChartAreaKey="area1" ChartType="LineChart" Key="chartLayer2"

SeriesList="seriesAllActual|seriesChargeable|seriesNonChargeable">

<ChartTypeAppearances>

<igchartprop:LineChartAppearance>

</igchartprop:LineChartAppearance>

</ChartTypeAppearances>

</igchartprop:ChartLayerAppearance>

</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="&lt;ITEM_LABEL:dd-MMM&gt;"

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">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels HorizontalAlign="Near" ItemFormatString="&lt;DATA_VALUE:0.##&gt;"

Orientation="Horizontal" VerticalAlign="Center">

<SeriesLabels FormatString="Days" HorizontalAlign="Center"

Orientation="Horizontal" VerticalAlign="Center">

</SeriesLabels>

</Labels>

</igchartprop:AxisItem>

</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">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Near"

ItemFormatString="&lt;ITEM_LABEL&gt;" Orientation="VerticalLeftFacing"

VerticalAlign="Center" OrientationAngle="40">

<SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString=""

HorizontalAlign="Near" Orientation="VerticalLeftFacing"

VerticalAlign="Center" OrientationAngle="40">

<Layout Behavior="Auto">

</Layout>

</SeriesLabels>

<Layout Behavior="Auto">

</Layout>

</Labels>

</X>

<Y LineThickness="1" TickmarkInterval="0" TickmarkStyle="Smart" Visible="True">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels Font="Verdana, 7pt" FontColor="DimGray" HorizontalAlign="Far"

ItemFormatString="&lt;DATA_VALUE:00.##&gt;" Orientation="Horizontal"

VerticalAlign="Center">

<SeriesLabels Font="Verdana, 7pt" FontColor="DimGray" FormatString=""

HorizontalAlign="Far" Orientation="Horizontal" VerticalAlign="Center">

<Layout Behavior="Auto">

</Layout>

</SeriesLabels>

<Layout Behavior="Auto">

</Layout>

</Labels>

</Y>

 

<Y2 TickmarkInterval="0" Visible="False">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels HorizontalAlign="Near" ItemFormatString="&lt;DATA_VALUE:00.##&gt;" Orientation="Horizontal"

VerticalAlign="Center" Visible="False">

<SeriesLabels HorizontalAlign="Near" Orientation="Horizontal"

VerticalAlign="Center" FormatString="">

</SeriesLabels>

</Labels>

</Y2>

<X2 TickmarkInterval="0" Visible="False">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels HorizontalAlign="Far" ItemFormatString="&lt;ITEM_LABEL&gt;"

Orientation="VerticalLeftFacing" VerticalAlign="Center" Visible="False">

<SeriesLabels HorizontalAlign="Far" Orientation="VerticalLeftFacing"

VerticalAlign="Center" FormatString="">

</SeriesLabels>

</Labels>

</X2>

<Z TickmarkInterval="0" Visible="False">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal"

VerticalAlign="Center">

<SeriesLabels HorizontalAlign="Near" Orientation="Horizontal"

VerticalAlign="Center">

</SeriesLabels>

</Labels>

</Z>

<Z2 TickmarkInterval="0" Visible="False">

<MajorGridLines AlphaLevel="255" Color="Gainsboro" DrawStyle="Dot"

Thickness="1" Visible="True" />

<MinorGridLines AlphaLevel="255" Color="LightGray" DrawStyle="Dot"

Thickness="1" Visible="False" />

<Labels HorizontalAlign="Near" ItemFormatString="" Orientation="Horizontal"

VerticalAlign="Center" Visible="False">

<SeriesLabels HorizontalAlign="Near" Orientation="Horizontal"

VerticalAlign="Center">

</SeriesLabels>

</Labels>

</Z2>

 

</Axis>

<TitleLeft HorizontalAlign="Center" Text="Days Acc." Visible="True">

</TitleLeft>

<Effects>

<Effects>

<igchartprop:GradientEffect />

</Effects>

</Effects>

<Data ZeroAligned="True">

</Data>

<TitleBottom Text="Date" Visible="False">

</TitleBottom>

<Border Color="Silver" CornerRadius="5" />

</igchart:UltraChart>

Parents
No Data
Reply
  • 17605
    posted

    Change the Thickness of the Legend border to 0:

                    <Legends>

                        <igchartprop:CompositeLegend BoundsMeasureType="Percentage" ChartLayerList="chartLayer1|chartLayer2">

                            <Border Thickness="0" />

                        </igchartprop:CompositeLegend>

                    </Legends>

Children
No Data