I am wondering how to show labels only on one axis in echarts like this
some other radar chart
If I do:
axisLabel: {
show: true
}
All the labels from all the axis are shown
Or, is it possible to use polar RadialAxis and AngleAxis and show strait lines instead of round ones between axis. Like this:
Not supported.
Radar has only one axis.
see: https://github.com/apache/incubator-echarts/issues/5467#issuecomment-293513560
I made a workaround if someone stumbles on my question.
I added text graphic and placed it on chart. Like this:
Related
I'm trying to adapt this code (amCharts 5 Gantt Chart) to my project and want to hide the x-axis labels on this amCharts 5 gannt chart. Any thoughts on how to achieve this?
From their demo code, just before the following...
chart.appear(1000, 100);
Add the following...
xAxis.hide();
If that doesn't work for you, perhaps do it after the chart is shown (chart.appear(1000, 100);)?
More information: https://www.amcharts.com/docs/v5/reference/axislabel/#hide_method
I'm using Chart.js to build a radar chart. I have seven datasets grouped by color as seen in the image below:
I would like to place the dataset labels outside of the chart, in the center of each dataset sector (at the crosses in the image). Does anyone know if this is possible?
You could probably basically accomplish this by doing roughly the following:
Specify a non-empty label only where you'd like the group label to appear (e.g. for every sixth datapoint or something similar)
Then set the tooltips.callbacks.label option to return the label for each point so that they still appear in the tooltip as they originally would
I'm trying to use the following example which is a line and bar chart combined.
NVD3 Line & Bar Chart combination
The problem I have is that I want the line chart and bar chart to both use the same figures from y1 axis, but I can't find out how to get rid of the y2 axis and do this.
If someone could point me in the right direction it'd be a great help.
Thanks in advance.
Edit:
A JSFiddle of the problem I'm experiencing. I'm just using the example from NVD3's download and have added in Lars' code just before the return chart; line.
JSFiddle
There's no option to disable the second y axis. What you can do is set it up to have the same scale as the y1 axis and then remove it after creating the graph, i.e.
d3.select('.nv-y2.nv-axis').remove();
This will leave some empty space where the axis used to be, but at least it'll create the impression that there's only one y axis.
Much like Lars' answer, this leaves a gap where the axis used to be, but I hid this with CSS.
.y2-axis {display: none}
X-Axis Lines(Strokes) are not visisble in the linecharts highchart..how to get it ..the chart looks like this..can any one help.
gridLineWidth=1, along with y-axis properties..
I'm using jqPlot to make a simple graph:
Their documentation states that it's very out of date. Is there a way to shade the lower half of the graph (below the line) with a color such as this one?
http://www.epmag.com/resources/images/archives/OFFPROD-Petrolite-Graph1.jpg
If not, any clues on how I could shade it myself? jqPlot uses javascript to draw on an HTML canvas.
In your series options set:
series: [
{
fill: true
}
]
See this example.