YouTip LogoYouTip

Highcharts Line Logarithmic

# Highcharts Logarithmic Chart [![Image 3: Highcharts Line Chart](#)Highcharts Line Chart](#) The following example demonstrates a logarithmic chart. We have already learned about Highcharts configuration syntax in previous chapters. Now let's see how to configure it. * * * ## Configuration Configure yAxis.type to 'logarithmic'. It defines the y-axis type. Possible values are "linear", "logarithmic", "datetime", or "category". The default value is linear. yAxis var yAxis = { type: 'logarithmic', minorTickInterval: 0.1}; ### Example Filename: highcharts_line_logarithmic.htm
$(document).ready(function() { var title = { text: 'Logarithmic Example(.com)' }; var xAxis = { tickInterval: 1 }; var yAxis = { type: 'logarithmic', minorTickInterval: 0.1 }; var tooltip = { headerFormat: '{series.name}
', pointFormat: 'x = {point.x}, y = {point.y}' }; var plotOptions = { spline: { marker: { enabled: true } } }; var series= [{ name: 'data', data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512], pointStart: 1 } ]; var json = {}; json.title = title; json.tooltip = tooltip; json.xAxis = xAxis; json.yAxis = yAxis; json.series = series; json.plotOptions = plotOptions; $('#container').highcharts(json); }); [Try it Β»](#) The above example outputs the following: [![Image 4: Highcharts Line Chart](#)Highcharts Line Chart](#)
← Highcharts Line TimeHighcharts Spline Bands β†’