borderType: solid

borderType: solid插图

Update Charts from JSON API AJAX

yaxis: show: true,showAlways: true,showForNullSeries: true,seriesName: undefined,opposite: false,reversed: false,logarithmic: false,tickAmount: 6,min: 6,max: 6,forceNiceScale: false,floating: false,decimalsInFloat: undefined,labels: show: true,align: right,minWidth: 0,maxWidth: 160,style: colors: [],fontSize: 12px,fontFamily: Helvetica, Arial, sans-serif,fontWeight: 400,cssClass: apexcharts-yaxis-label, ,offsetX: 0,offsetY: 0,rotate: 0,formatter: (value) =

return val , ,axisBorder: show: true,color: 78909C,offsetX: 0,offsetY: 0 ,axisTicks: show: true,borderType: solid,color: 78909C,width: 6,offsetX: 0,offsetY: 0 ,title: text: undefined,rotate: -90,offsetX: 0,offsetY: 0,style: color: undefined,fontSize: 12px,fontFamily: Helvetica, Arial, sans-serif,fontWeight: 600,cssClass: apexcharts-yaxis-title, , ,crosshairs: show: true,position: back,stroke: color: b6b6b6,width: 1,dashArray: 0, , ,tooltip: enabled: true,offsetX: 0, ,

Whether to display the y-axis or not.

Whether to hide y-axis when user toggles series through legend.

When turned off, it will hide the y-axis completely for a series which has no data or a series with all null values.

In a multiple y-axis chart, you can target the scale of a y-axis to a particular series by referencing through theseriesName. Theseriesitem which have the samenameproperty will be used to calculate the scale of the y-axis.

When enabled, will draw the yaxis on the right side of the chart

Flip the chart upside down making it inversed and draw y-axis from bigger to smaller numbers.

A non-linear scale when there is a large range of values.

Lowest number to be set for the y-axis. The graph drawing beyond this number will be clipped off

You can also pass a function here which should return a number. The function accepts an argument which by default is the smallest value in the y-axis.function(min) return min

Highest number to be set for the y-axis. The graph drawing beyond this number will be clipped off.

You can also pass a function here which should return a number. The function accepts an argument which by default is the smallest value in the y-axis.function(max) return max

If set totrue, the y-axis scales are forced to generate nice looking rounded numbers even when min/max are provided. Turn this off if you manually set min/max and want it to be unchanged.

Setting this options takes the y-axis out of the plotting area. Much behaves likeposition: absoluteproperty of CSS

The number of fractions to display when there are floating values in y-axis.

Note: If you have defined a custom formatter function in, this wont have any effect.

A custom Css Class to give to the label elements

Rotate y-axis text label to a specific angle from its center

Applies a custom function for the yaxis value.

yaxis: labels: /** * Allows users to apply a custom formatter function to yaxis labels. * * @param String value – The generated value of the y-axis tick * @param index index of the tick / currently executing iteration in yaxis labels array */ formatter: function(val, index) return val.toFixed(2); Note:In horizantal bar charts, the second parameters also contains additional data likedataPointIndex&seriesIndex.

Draw a vertical border on the y-axis

Sets the left offset of the axis border

Sets the top offset of the axis border

Draw ticks on the y-axis to specify intervals

Lowest number to be set for the y-axis. The graph drawing beyond this number will be clipped off

Highest number to be set for the y-axis. The graph drawing beyond this number will be clipped off

range takes the max value of y-axis, subtracts the provided range value and gets the min value based on that. So, technically it helps to keep the same range when min and max values gets updated dynamically

Floating takes y-axis is taken out of normal flow and places y-axis on svg element directly, similar to an absolutely positioned element. Set the offsetX and offsetY then to adjust the position manually

Setting this option allows you to change the y-axis position

Give the y-axis a title which will be displayed below the axis labels by default.

Rotate the yaxis title either 90 or -90.

Sets the left offset for yaxis title.

Sets the top offset for the yaxis title.

A custom Css Class to give to the y-axis title

Show crosshairs on y-axis when user moves the mouse over chart area.Note: Make sure to haveyaxis.tooltip.enabled: trueto make the crosshair visible.

Creates dashes in borders of crosshairs. Higher number creates more space between dashes in the border.

Sets the top offset for y-axis tooltip

Get the latest news, updates and whats coming next! Sign up for our Newsletter here.

There was an error while trying to send your request. Please try again.