What type of charts are used by Google Cloud -> Compute Engine -> OBSERVABILITY? - charts

I am trying to implement charts similar to the ones I see on Google Cloud's Computer engine page, when you navigate to the "OBSERVABILITY" tab.
I tried to find some hints by inspecting it but only noticed ac-chart tags used but no library info.
Does anyone know what library this is?
My initial guess was Google charts or HightCharts JS but I cannot confirm.

Google chart is using their own libraries along with the corechart package for plotting the charts in the GCP console. These charts are free and can be used by anyone, go through the google charts developer page for more information on how to load these libraries. This is the example script for loading the google charts
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart);
...
</script>

Related

How can we make a pie chart using dygraph

I would like to create pie chart using dygraph library. On the main site http://dygraphs.com/, i could't find the way to create pie chart
dygraphs is a library for creating line charts. You can't use it to create pie charts. There are many other JavaScript visualization libraries out there that will meet your needs better, for example the Google Visualization API or HighCharts.
It is possible to create pie charts using dygraphs using plotter plugin.
See the below link for the same-
https://varolokan.wordpress.com/2017/04/24/dygraphs-pie-chart-plotter/

Google Web Toolkit With Line/Pie Graphs

Currently I am using Google Charts with Google Web Toolkit but I wanted to explore other options for graphing. I looked into jGraph and the gwt extension mxgraph but that seems to only support actual graphs for flowcharts/diagraming?
Is there any other library (other than Google charts) that I can use to visually show line/pie graphs?
Thanks
Please have a look at high level visualization charts
http://www.moxiegroup.com/moxieapps/gwt-highcharts/
And wonderful showcase here
http://www.moxiegroup.com/moxieapps/gwt-highcharts/showcase/
Hope that helps.Good luck.

Prototype datepicker like Google Analytics

I found this Jquery based Datepicker and like it, however my app is pretty entangled with Prototype and I'm getting errors
Error: TypeError: element.dispatchEvent is not a function
Rather than spend time getting Jquery to play nicely with Protptype, is there a good Prototype based datepicker similar to what Google Analytics uses (or the one linked above)?
Edit:
Following these directions, I added
<script type="text/javascript">
jQuery.noConflict()
</script>
After both Prototype and JQuery libraries loaded. I'm not getting any errors now, but the datepicker is nonfunctional.
I decided to migrate everything to jquery. Problem solved. :)

Component not showing in frontend on Joomla! 1.7

I have successfully installed a plugin called "Plotalot", which draws flashcharts, on my Joomla! 1.7.
I have unfortunately installed the free version of it because I want to be sure it's useful, and the free version comes with the component-tool only and not with the plugin (It's cheap, but I hate purchasing stuff that's not worth using).
With the component-tool on the backend site I'm able to create new charts, edit existing charts and I'm also capable of seeing a demonstration of the chart that I just made on the backend site.
But, when I try to see the chart on the frontend site, I only see the tags which I wrote in an Article and no chart. In this case: {plotalot id="1"}
I've been in touch with this customer support guy on this matter, and all he can say is that it should be a chart when i write {plotalot id="1"} if there's a chart with the ID=1. Which it does
Does anyone have any experience on how plugins or component-tools in Joomla! 1.7 works and how they can be displayed in an Article?
I would very much appreciate if someone can help me :)
Kind regards, Steve-O
I'm also a Plotalot user. Your question does not make sense. If you installed the free version, you did not install a plugin, you installed a component. Plotalot does not draw flash charts, it draws Google charts. If you want a chart in an article, buy the plugin. And read the user guide, it explains all of this very clearly.
you have to use some tags in the article in which you want to display the charts.The tags will be explained in the documentation of the plug in
eg:we use {flashchart data="50,60,70,80,90,60|109,120,100,130,140,100"} sample01{/flashchart}
to display flash chart.

Using charts with gwt

I am doing some stuff with gwt, Now i need to draw charts. Actually pie chart and line chart.
Is there any library for chart which works well with gwt?
Check out Google API Libraries for Google Web Toolkit. There you will find a link to Google Chart Tools
There is also OFCGWT chart widget for GWT based on Open Flash Chart 2. Here is its demo
Except this you can check out these:
charts4j
clientsidegchart
RaphaelJS GWT wrapper, there is also one called raphaelGWT which is not developed actively.
I've already use Google Charts, and I preffer
GWT-HighCharts you can see why checking it showcase.
Check out http://code.google.com/p/gwt-rcharts/ and its demo at http://gwt-rcharts.appspot.com/ with code snippets on how to use it, which is quite easy.