Embed presentation
Download to read offline
![<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
$(function () {
$('#container').highcharts({
chart: {
},
legend: {
align: 'left',
verticalAlign: 'down',
x: 0,
y: 10
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
gridLineColor: '#197F07',
gridLineWidth: 2
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5,
{y: 216.4, marker: { fillColor: '#BF0B23', radius: 15 } }, 194.1, 95.6,
54.4],dashStyle: 'longdash'
}]
});
});](https://image.slidesharecdn.com/legendortauzunluk-141225082911-conversion-gate01/85/Legend-ortauzunluk-1-320.jpg)
This document contains code to generate a line chart using Highcharts. It defines the chart properties including categories for the x-axis, grid line styling for the y-axis, and a data series with values for each month along with custom marker formatting for one data point. The code initializes a Highcharts instance on a div element to render the line chart.
![<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
$(function () {
$('#container').highcharts({
chart: {
},
legend: {
align: 'left',
verticalAlign: 'down',
x: 0,
y: 10
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
gridLineColor: '#197F07',
gridLineWidth: 2
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5,
{y: 216.4, marker: { fillColor: '#BF0B23', radius: 15 } }, 194.1, 95.6,
54.4],dashStyle: 'longdash'
}]
});
});](https://image.slidesharecdn.com/legendortauzunluk-141225082911-conversion-gate01/85/Legend-ortauzunluk-1-320.jpg)