Adobe's docs describe how to apply an outline to the pie chart by using the mx:stroke element within a PieSeries, however this only changes the border of the entire chart.
How do I add a border around each of the wedges in the chart?
There's two properties:
stroke (the stroke around the circumference)
and
radialStroke (the stroke within the pie chart itself)
If you're successfully setting one then the other is applied in the same manner.
Josh
Related
When I want to for example hover over my area chart dot symbols I could not do it because they could overlap each other.
See images:
Hover over event not triggered - No tooltip shows up
Hover over event triggered - Tooltip shows up
Maybe I can place the charts in the same layer or something like that to make it work properly?
What I noticed: As the charts loads in, the newer one covers the older one.
I could load the chart which has higher Y axis values first and than the charts with smaller Y axis values.
But that solution would only work in those cases where every single chart points are clearly bigger/smaller than the other chart's points.
So first: I'm wholly new to programming and this is my second(?) week of R, so apologies in advance.
I'm using pch=21 and using a fill color to show a factor, but I'd like to control the border size of the points.
Is there any way to increase the border size of pch 21? Or is there another way of adding borders to points that will allow me to control border size?
ggplot(mpg, aes(x=model,y=cty))+
geom_point(color="black",size=3,pch=21,aes(fill=manufacturer))
The reason this is a problem is because I'd like to use white filled points on a white background (it's just a common style in my field), but they're too hard to see unless I make the black border more distinct.
Does anyone know how to make a 3D line plot where the lines are semi-transparent using Plotly or a different tool?
The 3D plot I am trying to create is here: https://plot.ly/~starhammer/238/
A 2D example of the transparency is here: https://plot.ly/~starhammer/274
This was achieved by adjusting the opacity parameter of the line in Plotly. I have tried changing the line opacity in the 3D plot but it doesn't seem to do anything,
Are you looking for something like this?
If yes, you can adjust your opacity by setting your own 'rgba' color ('a' stands for Alpha and defines the opacity).
From your workspace go to
TRACES => Style
under the Line section, click on the color button and set your desired 'rgba' color
I'm trying to display a graph with the xAxis and yAxis grid lines overlayed on top of the plot.
I can set the zIndex of the plot, but there doesn't seem to be an option to set the zIndex of the grid.
If it's not possible, I can lower the opacity of the plot so that the grid shows through from underneath, but I'd rather not do it that way.
I can't find a way. Even setting zIndex on the series to -99 makes no difference. Have you considered using plot lines or plot bands to draw your own? These both support zIndex.
Update:
Original poster found that the highstock gridZIndex option works for highcharts.
http://api.highcharts.com/highstock#xAxis.gridZIndex
I have a Flex3 LineChart component using an CircleItemRenderer and the datapoints are being cut off because they are too close to the edge. Here's what it looks like:
http://img29.imageshack.us/img29/3850/chartx.png
As you can see, the circles on the left and right sides are being cut off.
How can I make the LineSeries area, plus the horizontal labels, narrower so it fits in the chart area?
Thanks!
I had the same issue and was able to resolve it by setting the clipContent attribute in the chart tag to false. I found this solution on Amy's Flex Diary.
You might want to set the maximum and minimum values in your LinearAxis in the horizontalAxis object. Check the API for more information: http://livedocs.adobe.com/flex/3/langref/mx/charts/LinearAxis.html
The Line Chart determines automatically these values to fill all the elements in the screen. You might want to change these values so the graph has some space at the sides.
You can set the padding property on the horizontalAxis and verticalAxis child objects as well...
Adjust the mask on the chart component.
I got this to work by changing the type from LineChart to ColumnChart. I still had all of the same axis definitions including Line Series. The results are the same Line graph, but more centered on the graph instead of touching the edges. None of the other padding or gutters were what I was looking for.
I got d solution.
create creationComplete event in LineChart
edit horizontalAxis's padding you want
e.target.horizontalAxis.padding = 0.2;