Hightcharts : columns with custom witdh without custom Javascript - javascript

We are using hightcharts (https://www.highcharts.com/) and we want to do a similar graph but without custom javascript
The graph will be dinamycally generate and the columns will have different width and this is the technical issue we have, we cannot find in highcharts doc a way to implment column with different width without a bit of custom javascript
Do you have any example or any way to do that using tools from highcharts ?

Related

Google Data Studio custom charts

I need to use a Google Data Studio pivot table with conditional formatting, what it doesn't support out-of-the-box, hence I'm trying to code a custom table that does it. I reached this tutorial, but can't find any documentation about how to change a bar chart to a table.
Custom charts (Community Visualizations) are created using JavaScript. If you want to create your own table/pivot table viz, you will need to write JavaScript code for that. For example, you can use the Google Charts library to render tables.

Javascript /jQuery Stock Chart API with multiple separate axis but combined interaction (pic included)?

I have looked through a number of open source and proprietary charting tools such as:
Stock Chart v3
HIGHSTOCK
dygraphs
Virtualization
These are all good charting options, some have an added dataset in a separate panel used with interaction(Only Volume). I would like to have this with multiple charts, like this:
In the above image, there are separate charts for different indicators but when interacting with the chart you can see the values on the right side of all 5 indicators.
Would it be possible to append another chart and have combined interaction in the same way with any existing charting options?
When using amCharts you are not limited to 2 panels. You can have any number of them. It's just this example that has two. I guess most of other tools does the same.

how to dynamically adjust height in chartjs

I am using chartjs for my web application currently. I am having an issue when initializing the chart with a large amount of data. I am using a rotated bar chart, and it is removing some of my arguments fields when re sizing the chart. this results in the arguments not lining up with the correct bars. I cannot seem to find an option that allows for the height of the chart to dynamically adjust.
is there a way to achieve this so that I am able to see all of my arguments?

Which javascript or JQuery charting tool can I use to create heatmap charts with vertical column labels?

I'm looking for a charting library that can draw heatmap charts, and has the option of displaying column label text vertically (allowing me to fit lots of columns on the screen regardless of the length of the labels)
Ideally the library would be free for a charity/educational organisation.
Here's an example of a simple heatmap with vertical labels:
That chart was created using FusionCharts, which is not suitable as it is a flash-based product and is expensive to license.
You could always roll this yourself. Most of the table can be generated using ordinary HTML, with the exception of the vertical labels at the bottom. You could tackle that with Rafael, a JavaScript library that allows you to draw on an HTML canvas. Drawing rotated text is actually available out of the box so it won't be hard to implement.
I think what you are looking for is also called a TreeMap (in some circles anyway).
Check out thejit.org
Under the demos checkout the treemap and the icicle chart.
At this url you can find what you are looking for heatmapjs

Google Chart Visualization API, Bar chart values / tooltips

I am trying to add the actual value of all the bars in my chart to the
end of each bar. I want this to either replace, or to add to the tool-
tip functionality.
I see that this is possible in the image chart, it is the
functionality described in the following link that I wish to
replicate:
http://code.google.com/apis/ajax/playground/#image_bar_chart
I am wondering if this is possible in the Javascript based version of
the bar chart?
Many thanks,
H.
It looks like there's no built in functions to draw text ad-hoc on top of google's different charts. Behind the scenes, it's generating SVG so you could try to insert some valid SVG on your own.
Another option would be to use a more flexible (but less featureful) library like raphael.js:
http://raphaeljs.com/

Categories