I have a pie chart in Dynamics CRM that has the values of the segments listed outside of the pie chart. However I am trying to get the leader lines to display from the chart to the values. What property am I missing? Here is the XML.
<Series>
<Series ShadowOffset="0" IsValueShownAsLabel="True" Font="{0}, 9.5px" LabelForeColor="59, 59, 59" CustomProperties="PieLabelStyle=Outside, LabelsHorizontalLineSize=1, LabelsRadialLineSize=1, PieDrawingStyle=SoftEdge" ChartType="doughnut">
<SmartLabelStyle Enabled="True" />
</Series>
</Series>
The reason the lines were not showing up was because the attribute PieLineColor was not set to a color
Related
I want to display bars from left to right with a fixed bar gap, rather than display them evenly.
I have tried to add barCategoryGap or barGap prop with fixed number, but no influence for the chart like this:
And my code is:
<BarChart data={data} barSize={10} barCategoryGap={1}>
<YAxis
...some props
/>
<Tooltip />
<Bar dataKey="responseTime">
{data.map((item, index) => (
<Cell fill={item.isPass ? '#3c763d' : '#a94442'} key={index} />
))}
</Bar>
</BarChart>
In your graph, you don't have any XAxis specified to group your bars into categories. Because of this, the props barGap and barCategoryGap won't work, since there is no category to make changes on.
To solve your problem, you should add the missing XAxis which datakey would be a prop in your data object array, that shares the same object where your Bars values come from so that they can be regrouped. Afterwards you can "play" around with the gap between the different bars, just like a demo found on Recharts for Bars.
I've got overlapping polygons with labels and looking for an opportunity to display them (labels) without overlaying.
example screen
Here are the options i've tried in SLD:
<TextSymbolizer>
<Label>
<ogc:PropertyName>my_label</ogc:PropertyName>
</Label>
<Fill>
<CssParameter name="fill">#880015</CssParameter>
</Fill>
<VendorOption name="partials">false</VendorOption>
<VendorOption name="conflictResolution">false</VendorOption>
<VendorOption name="spaceAround">10</VendorOption>
</TextSymbolizer>
I'm trying to show a pie chart with their values inside the chart but when I set showLabels="true" it also adds a white box around the value.
I'd like to remove these boxes but the strokeColor and strokeWidth properties doesn't seem to work. Is there any workaround for this?
<RadPieChart height="300" allowAnimation="true" row="0">
<PieSeries tkPieSeries expandRadius="0.5" outerRadiusFactor="0.7" [items]="pieSource" valueProperty="Amount" showLabels="true">
<PointLabelStyle tkPieLabelStyle strokeColor="cyan" strokeWidth="3" fillColor="red" textSize="8"></PointLabelStyle>
</PieSeries>
</RadPieChart>
I'm getting last columns in radgrid cut off. The grid is scrollable and sum of column widths is definitely wider than given width. The cut columns are of course in the page source. there is 18 columns like the one below. Why could it be? Thank you!
<telerik:RadGrid runat="server" ID="rg" AutoGenerateColumns="false" AllowSorting="true"
AllowFilteringByColumn="true" Skin="Telerik" Width="1000px" AllowPaging="true"
PageSize="20" OnNeedDataSource="needData">
<ClientSettings Scrolling-FrozenColumnsCount="2" Scrolling-SaveScrollPosition="true"
Scrolling-UseStaticHeaders="true" Scrolling-AllowScroll="true" />
<HeaderStyle Width="100px" />
<MasterTableView Width="100%" TableLayout="Fixed" >
<PagerStyle Position="TopAndBottom" Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" />
<Columns>
<telerik:GridBoundColumn DataField="report_number" HeaderText="Report #" AutoPostBackOnFilter="true" ShowSortIcon="false"/>
resolved like this: first, doctype issue. removing "transitional" part from the declaration solved cutting the column in the middle. adding a fake column with headertext="" and no data after the last I need forced the last column with data to show.
just in case: MasterTableView width=101% did not help (found this someplace else)
*This is a name I have seen used for the style of chart I'm after - not sure how 'official' this name is.
What I would like:
Bar Chart
X - Day of the Week
Y - Number of items
Z - Week Number, receding back into the chart.
I'm not sure that the Chart Control can do it, but I might be missing something in the many many properties and settings the control has.
After a hint from pnuts. i've dug in an read up some more on the Chart Control....
I've created a 3D 'Manhattan' style chart. There's the datasource selects data with columns such as DayName, NumberOfOrders and WeekNo.
The chart should have clustering turned off and you need to use a special databinding method.
Chart1.DataBindCrossTable(ds.GetYearsOrdersByDay, "WeekNo", "DayName", "NumberOfOrders", null);
This creates several series based on the dataset and the parameters.
Basic markup
<asp:Chart ID="Chart1" runat="server" Height="600px" Width="700px">
<Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1">
<Area3DStyle Enable3D="True" IsClustered="false" Perspective="20"/>
<AxisY Interval="100"></AxisY>
<AxisX IntervalOffset ="1.0" Interval ="1.0" >
<MajorGrid Enabled="true" Interval="1.0" IntervalOffset="0.5" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
<Legends>
<asp:Legend Name="Legend1" Title="Number of Orders">
</asp:Legend>
</Legends>
</asp:Chart>