AG Grid: How to limit the number of chart types (Chart Range) in Context menu? - ag-grid

I would like to keep visible only 2-3 chart types of Chart Range in our Context menu. Do you have any solution?
Thank you in advance!
I have looked through the documentation but have not found the way to make it: work https://www.ag-grid.com/javascript-data-grid/context-menu/
The similar question has been asked earlier on ag-grid GitHub page but there is no response, apparently: https://github.com/ag-grid/ag-grid/issues/5212
I am using plain JavaScript.

Related

Grafana Timeseries Panel: How to change color of annotations bar based on a tag

I am using Grafana version 8.1.0 and have a timeseries panel on which annotations are added using HTTP create annotation API and GUI both.
I want to change the color of the annotation bar based on tags added to that annotation.
I have tried to go through documentation but have not found a way to do it. Could someone help me out with this? I think this is a very basic requirement and I must be missing something here.
It seems like it's not implemented yet, as you can see on this open issue from 2018.
You can also see from the annotations API documentation that it's not possible yet.

Charts with DevExpress / DevExtreme

Hi I'm searching for a good chart plugin for my web-application, which can solve some of my requirements. To date, I've tested follow chart plugins:
Kendo UI
FusionCharts
HighCharts
Angular Charts
The plugin highcharts solves all of my requirements, but it's really expensive. The others don't solve all of my requirements, so I have to search another one. The solution of a hand-made chart needs a lot of time and that means for our company, it's also expensive. Now I've found the framework DevExpress. Before I invest a lot of time to test it, I would like to inform myself, if it's possible to make charts with DevExpress with this requirements:
Any number of y-axes with various values
Events (detect if clicked for example)
Costume style with css (I think I saw it on their website)
Integrate it as HTML in custome code
Supports JSON
Mixed line-style (for example, a part of a line in the chart is solid, another is dotted, but it's the same line)
Responsive Design
My results with highcharts:
Any number of y-axes with various value types:
Mixed linetypes in same line (blue line):
Special chart constalations:
This special requirements are for the healthcare, because they have some weird and special charts they need for checking medical results. So it's simply complicate, to find a good plugin. If there is someone who has a knowledge with DevExpress and charts and can answer me I would be thankfull.
Cheers.
Any number of y-axes with various values
DevExtreme has Multiple Axes Demo
Events (detect if clicked for example)
DevExtreme Charts have handlers for events. Here is a demo illustrates onPointClick
Costume style with css (I think I saw it on their website)
See it in Appearance Customization Article & Customize Points and Labels demo
Supports JSON
Remote Data Source Using an Ajax Query Demo
Responsive Design
DevExtreme Charts looks good on phones, tablets and desktops (Mobile & Web)
You can see more in Widgets Gallery Demo & Documentation

Google Charts double hAxis Label?

I'm currently using Google Charts to produce some graphs, and I've come up against this problem.
I want to have two labels on my hAxis, and I cannot see any obvious solution on the developers site.
The image included gives an example of the kind of result I'm looking for, any ideas?

What type of chart would be best for displaying this data?

EDIT:
I don't mean in terms of how to implement it. i mean i dont like how the date is displayed with the bars. what other type of chart would be more suitable. I know a threadhold line wouldnt work beacause the values of the capacity are different for each day. if they were all the same a threadhold line indicating capacity would work
I think a line graph would be an excellent way to show the data.
I made that using the chart wizard. Link: here. I used the data you provided above, so it should be accurate unless I mistyped.
On the chart wizard, you can import this chart using the link I gave you above if you want to clean it up, add axes, etc.
The best way is impossible to answer, depends on too many things specially since you didn't clarify almost anything in you question.
Anyway, Google's chart API would be ans "easy" way to do this.
Good luck, I you clarify further in your question, I'll try to be more specific and improve my answer!
It can do this quite easily:
See here.

Overlaying of charts

I want to know whether this is possible using Google Charts API: First, create a bar chart with the given input data. And then overlay a line chart (or a line) on top of it.
My use case here, is to show a student's performance in a test when compared to the rest of the crowd which is already available as a bar chart.
EDIT: Dug and found out about markers. Will explore and may be answer my own question :)
This is covered pretty explicitly in the current documentation, see compound charts
Yes, markers are probably what you are looking for. In particular, you may wish to look at a newer feature called "financial markers". This (little advertised) feature was added recently.