Can we use other charts rather than Google charts

Hi can we use other charts rather than Google charts .

@indus19 as of now bolt is offering the integration of Google Chart libraries only and it covers all of the most graphs itself.


Can we remove this

Nope @indus19 because all the User Inteface for the graphs is pre defined so that the users can efficiently use them so there is no point of removing them.

But if you want the same then you can achieve the same through JS properties. So if you Inspect the Graph’s web page then you can get to know that start date field has an id of start_date.

So you can use the HTML DOM remove method to remove the rqeuired DOM elements. In your JS code after writing the graph’s code, add the following lines:
document.getElementById(“start_date”).remove(), this peice of code will remove the start_date field. So accordingly you can use this statement with the id’s of different elements which have to be removed from the UI.

The id of various elements are listed here:

  1. end date field has an id of end_date
  2. filter button has an id of filter
  3. week based search field has an id of dayBasedGraph

I hope this helps you :slight_smile:


Can we do the same display
I want to do the same as in image

Yes @indus19 I will share the code to remove the elements in few minutes.

Yeah that will be so helpful.

image
Can we do this solid gauge without needle

@indus19 , this is the basic user interface for the Graph’s page:

Coe for the above:

Here you can see that there are fields like Start Date, End Date and so on and so forth. So basically, through JS you can remove those DOM elements which are having some ID or classes. In the page, apart from Data Count section, every element is having either an ID or a class through which we can remove that element.

So, in other words, by the help of JS you can remove all of the fields rather than the Data Count field. The details in which the Last seen and the time is displayed is wrapped in a div tag having an id of last_seen. So I will remove the element having an id of last_seen which ultimately removes the Last Seen Element.

The area under the Last Seen is the area having field like start_date, end_date and few other fields and these whole fields are wrapped inside the div having an id of data_filter. We can remove those fileds also but sometimes it pose an error if we want the graph having the old values, so it is better to hide those elements using the visibility property.

Code for the same is:
image

The equivalent output is:

Note: We can’t place the 02 graphs in a same row, because to do so we have to use the Bootstrap framework through which we can manually define the attribues of a graph.

Hope this solves a bit of your query :slight_smile:

@indus19 I am glad that I helped you :slight_smile:

Thank you can we make gauge chart without needle and make it solid
image

Nope buddy. As of now the Bolt IDE doesn’t provide the same.