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>
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 create a card with some items inside but i cannot change the width of the v-list-items.
When two v-list-items are on same line the length is 50% for each and i need that the left one be wider.
I made one codepen to show my problem (maybe the problem is how i create the items).
If the left item is wider the ellipsis in the text (long text but not so much as for ellipsis) is not necessary.
CodePen
<v-list-item-content class="pt-0">
<v-list-item-title>long text but not so much as for ellipsis</v-list-item-title>
<v-list-item-subtitle>Today</v-list-item-subtitle>
</v-list-item-content>
<v-list-item-content class="pt-0">
<v-list-item-title align="right" class="font-weight-light display-2">180</v-list-item-title>
<v-list-item-subtitle align="right"> </v-list-item-subtitle>
</v-list-item-content>
You can put your <v-list-item-content> inside a <div class="myDiv"> for example and set your desired width or other styles to that class.
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 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
*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>