I tried Implementing Line Graph using JQPLOT. i want to disable the X-AXIS values which are dynamically built up in the code. I was able to hide the Y-Axis in Jqplot.min.css and I want to do the same for the X-axis .. Can someone please suggest something?
Any other logic to give our own X-axis values is much appreciated.
Thanks
here the link where you can get your answer:
Jqplot Docs
Look at the options for axes, ticks[] can contain your own x-axis values.
different show options can hide your x-axis or just the tixks also.
Related
I want my legend to adjust itslef according to the amount of data that is coming in like highcharts . For example if I have only one legend I don't wanna legend to take the length as the div itself and I also have multiple pods .if there are a lot of legends I want it to have scrollbar instead now it's reducing the size of the chart itself.
Pls give your valuable inputs .
You can have the Legend rendered inside a defined Element referring to it using divId.
Then just make sure your legend element is setup to use scrollbars.
Please check the example here: https://codepen.io/team/amcharts/pen/dac1c66de18a50661c8195d4b792a30c
Is there any way to draw x-axis at the bottom the chart in case or negative data provided to chart. Please have a look at attached screenshot.
I think Kendo has an option to set axisCrossingValue which may help you to achieve this.
Try the example: http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.axisCrossingValue
Set some very high negative value to valueAxis.axisCrossingValue.
I am trying to place jqplot meter gauge in the column of a table, I am able to place it but the size is bigger than the other columns.
Is it possible to make it smaller so that it fits properly into the table.
JsFiddle link for the same is //jsfiddle.net/sajesh1985/bu1p1guL/
Let me know how to fix this.
Thanks,
Sajesh Nambiar
Found solution to this problem there is an attribute gridpadding in jqplot which we need to specify to align the plot properly in the table
I have a stacked multiBarChart created with nvd3: jsfiddle is here: http://jsfiddle.net/e3kxZ/5/
(1) How can I get each region to display its value near its top?
I tried showValues(true) but I don't think that's supported in multiBarChart.
Other concerns I have are:
(2) how to set the text color so that it contrasts enough with the region (dark vs light colors), and
(3) how to keep the text labels from overlapping if any particular region is small.
I found an svg example (doesn't use nvd3) -- it assumes a static size for the chart, but I'd prefer to use something convenient and dynamic like nvd3.
Alternatively, if there is a different js library that supports this out of the box, please let me know and I'll use that instead.
Thanks in advance for any help!
I have one dataset and create from this set an area chart. In this case no problem.
But now I have the requirement to add dynamic markers to the chart.
So, this is the example:
Data Set:
date | workload | type
The report renders a chart, which displays the date on the x-Axis and the workload on the y-Axis. The Type shows the different areas in the chart.
Now I need an marker (line marker) which doesn't have a linear value, but therefore a value for each date which is displayed on the x-Axis.
On Birt-Exchange (http://www.birt-exchange.org/blog/2008-02-01/birt-chart-scripting-dynamic-markers/) is only a tutorial for static markers. So if anyone has an idea how to script this kind of marker, please feel free to answer ;-)
Thanks in advance!