Reference: 100% Stacked Area Chart
I see colors can be modified as follows:
chart.get("colors").set("colors", [
am5.color("#59A80F"),
am5.color("#EA8676"),
am5.color("#B90504")
]);
How can stroke / fill settings for (only) Motorcycles in the reference chart be changed so that (e.g.) the line color is red, and the area beneath it is green?
if your charts use "serious" variable to setting,
try this:
series.set("fill", am5.color(0xff0000));
document: https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/
Related
I am trying to use amCharts and have an interface that looks alot like the step count chart here:
https://www.amcharts.com/demos/step-count-chart/
I want to be able to set the fill color of the column in the middle of the chart. Also when the chart is dragged the color of the columns should change so that it is always the column in the center that has the special color.
Is this possible?
I was wondering if there is any way I can show labels Horizontally for PieSeries above Pie Graph, as by default it is shown below graph and vertically. I tried to find a way similar to Opposite property of AxisRendererX as given in OppositeProperty explanation, But I failed to show my labels in a Horizontal way above graph! An image of Pie Series that needs to be updated is attached for your reference.
amcharts uses the full area you provide for a chart. If you set the width of your chart to a small value, you have the result you showed. If you resize your chart like I did in the code pen below, the labels are shown horizontally.
To change the legend position you can use the legend.position attribute.
Available options are: "left", "right", "top", "bottom" (default), and "absolute".
https://www.amcharts.com/docs/v4/concepts/legend/#Positioning
In your case you can use the following code to move the legend to the top:
chart.legend = new am4charts.Legend();
chart.legend.position = 'top';
I created a code pen for your example.
I have a screen where I need to align other controls with the plot lines of a DataViz chart control.
Using Javascript, how can I get the position of the PlotArea of the chart? I'd like to know the offset.left of the chart's plot area and the total PlotArea.width.
None of the properties / methods exposed in JavaScript are apparent.
I have a line chart, where the chart legend also in forms of line. Is there a way I can change the legend type from colored line to colored circle or square?
Figure like this. http://www.nevron.com/gallery/FullGalleries/chartActiveX/stackline/images/StackLine1.png
I don't think you can use this method to get circles, but if you want to get squares, you can change the chart to a 3-D line chart, then right-click the chart area and select '3-D Rotation'. Change everything in the Rotation section of the menu to as close to 0 as you can get it. This will make your chart show up as a regular line chart while the legend shows little cubes. After you've done that, though, you'll probably have to change the axis settings. In my experience, 3D charts tend to show too many gridlines.
The default chart object in the SQL Server (2005) Business Intelligence Development Studio doesn't seem to some have formatting options like :
specifying the text direction of labels in the x and y axis
adding a trendline to a bar chart
arbitrarily resizing items in a chart - for example, if I resize the chart object, everything gets resized accordingly but I can't keep the size of the chart the same while extending the area of the legend for instance.
multiline chart labels
So what I want to know is
is there any easy answer to the formatting problems mentioned above?
what websites/books/resources/examples would you recommend I look
into for extending the functionality of the chart object?
Some colleagues of mine gave up on the stock control and bought Dundas charts
The stock charts are cut down versions of Dundas.
yes you can specify the text direction of labels in the x and y axis
Go to chart properties and in the tab x and y axis enter the chart title and in the title align use the combination like left/right/center align.
you can change the legend line go to the chart properties click legend tab inside this
there is an option for "display legend inside plot area" and you can include the trendline there
you can use multiline text labels when the text limits extends
I don't see how you can resize the legend, puting inside the plot area looks ugly for pie-chart
I'd recommend go with the dundas chart components gbn suggested.
If that's not possible at least this article should solve issue 1.