X-Axis Lines(Strokes) are not visible in the Highcharts Linecharts - javascript

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..

Related

amCharts5 - How to Hide X-Axis Labels on Gannt Chart?

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

echart Radar chart Axis Label

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:

How to set pie chart each slice height using Zoomcharts

i need to set each slice height based on value which am passing. I need to plot a pie chart like this Pie Chart
You can use cut-out distance to simulate similar effect. Setting: https://zoomcharts.com/developers/en/pie-chart/api-reference/settings/slice/style.html#doc_cutoutDistance

Chart.js - How to place text outside of radar chart

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

hide a particular column on xAxis highchart Column Chart

How can i hide/show a praticular column in the Column Chart of Highcharts api.
i have a single series. The column to be hidden lies on the xaxis.
For sine Chart, chart.series[4].hide() /show() works fine
and for Pie Chart, chart.series[0].data[0].setVisible(false);
works fine. But i am not able to figure out the solution for Column Chart. Please Help!
You can use Element.hide() and Element.show(), so for example:
var chart = $("#container").highcharts();
chart.series[0].data[0].graphic.hide();
chart.series[0].data[0].dataLabel.hide();

Categories