Amchart Version 5 Column Series - javascript

I am currently using amchart v5. I need to find a way of filling the background color when a particular value on x axis is hovered. Please find the screenshot for amchart v5 and amchart v4.
amchart v5
enter image description here
amchart v4
enter image description here
what I want to be able to do is as shown in amchart v4. When hovered over one of the data points of x axis, instead of a grid line of X-Y axis I want the column to have the background.
There seems to be no property on the amchart v5 to configure it. But it is available in amchart V4 and V3.
If anyone can put out a simple demo or point to a resource it will be helpful.

Related

chart.js und Vue.js How to make a line charts scrollable horizontally?

chart.js with Vue.js Does anyone know how to create scrollable charts with
vue.js? I have a very long
line chart with over a year on the x axis. If you change the view of
the browser to the mobile screen, labels on the x-axis interpenetrate, making
it impossible to read different categories.
I am looking for ways to solve this by making the graph scroll horizontally. Is that possible?

Draw bubbles to show details in line chart using chart js

I developed a line chart using chartJS. In my chart, I have to draw the data line, and lines with bubbles to show where is the mode, red, and amber in my data. I have figured how to draw the lines. But I don't understand how to draw the bubbles to show the details.
The chart I need to draw is shown in the picture:
Is there any idea how to draw the chart ?
I have found the simple solution.
There is plugins in chartJS called chartjs-plugin-annotation.
These plugins help you make arbitrary lines in the chart and give labels to it.
You can see the example and documentation of chartJS plugin annotation here

Drawing In my Charts using amcharts

I can’t draw in my charts using drawingIconsEnabled
i need to draw in my charts an make markup
Link my code :plnkr.co/edit/uKdqrGvMHaAx7wixax5m?p=preview
drawingIcontsEnabled is a stock chart feature, not a serial chart feature. You have to use the stock charts library instead if you need drawing functionality. Look at this demo on AmCharts' site to see how it's implemented and change your code accordingly.
Note that stock charts only work with date-based data. String-based categories will not work.
The user can also enable annotations in the export menu if they want to draw on the chart as well. This works in both stock and non-stock charts.

How to create a donut chart like this in chart.js

I am not able to put text like 15% or 16% in the graph. I s there any way to do it.
Since the chart generation has changed a lot from Chart 1.X (docs) to 2.X (docs), it all depend on the version you are currently using for your project :
Version 1.X
Not available for Doughnut charts
If you are working with Pie charts, it is built in in the data you are passing to the chart.
See this jsFiddle for more information and a full result.
Version 2.X
Two methods :
You can create a new chart type using .extend() method.
Then during the creation of the new type, you draw the percentage in the section.
Check this jsFiddle to see the result (better than the first version, IMHO).
You can force the tooltip to always be enabled (as asked in this other question).
You will just have to edit what is displayed in the tooltip to put the percentage instead of the value. And also move (edit X and Y positions) the tooltip to appear where it should be.
The image displays a Pie chart, but you can make it work for a Doughnut.

Google Visualization API - Line and Scatter on one Chart

Does any one know if it is possible to use the Default Google Scatter Chart in the Google Visualizations Gallery to draw a scatter chart that has both a series with points only, a series with a line of best fit and on top of this a set of lines across the chart indicating limits. i.e. at +/- 20% etc.
The chart we need is actually a Control Chart with multiple series and individual formatting of each series displayed on the chart. i.e some series with only points other series with a line of best fit.
Does any one know of a Control Chart that has already been done using the Google Visualization API?
After working with the google visualization api for a while and searching the web I would have to say that the answer here is no.
You would have to build your own custom chart and from working with the api for a while I would rather do this with another charting library like jqPlot.
You can make separate line sets in the google scatterchart. The examples are on the scatterchart page.
http://code.google.com/apis/chart/docs/gallery/scatter_charts.html

Categories

Resources