score:4
Accepted answer
to change the color of the line you should use the following code:
series: [{
color: '#ffff00',
linecolor: '#ff0000'
}]
so change your script into following:
<html>
<head>
<title>
chart
</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/maps/modules/map.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/in/in-all.js"></script>
</head>
<body>
<div id="chart-container" style="min-width: 400px; height: 600px; margin: auto"></div>
<pre id="csv" style="display: none">date,adj_high,adj_low
2018-04-27,164.33,160.63
2018-04-30,167.26,161.84
2018-05-01,169.20,165.27
2018-05-02,177.75,173.80
2018-05-03,177.50,174.44
</pre>
<script type="text/javascript">
highcharts.stockchart('chart-container', {
chart: {
type: 'line'
},
title: {
text: 'chart',
},
legend: {
enabled: true,
floating: true,
verticalalign: 'top',
align:'left'
},
credits: {
enabled: false
},
data: {
csv: document.getelementbyid('csv').innerhtml
},
series: [{
color: '#ffff00',
linecolor: '#ff0000'
}]
});
</script>
</body>
</html>
Source: stackoverflow.com
Related Query
- How to change line color when loading static csv data into Highcharts Highstock graph?
- How to change color of single column in Highcharts column graph when data is in CSV form?
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- How to change axis label size when exporting in Highcharts / Highstock
- In highcharts how do I change the color of the line above the categories?
- Highcharts: how to change line color when hovering a scatterplot series
- How to process csv data (datetime) month, week, day, hour in highstock highcharts
- highcharts change series color when data is dynamically inserted
- How to change the line color of a bubble in highcharts dynamically
- how to continue the graph line when missing series of data in middle of highcharts
- How to change zone line color in highcharts
- How to dynamically change line color based on value being lower than previous in highcharts
- Highcharts csv data loading and parse into separate array and json
- Change data hover line color in Highcharts
- How to change the text color in Highcharts
- Highcharts How to Show Loading Animation At Set Data
- How do I dynamically change a data point in Highcharts using JavaScript
- Change Y Axis vertical line color in Highcharts
- How to get multiple data series into Highcharts
- Highcharts - how to disable color change on mouseover/hover
- How to pass custom data into Highcharts graph click event
- Creating a line graph with highcharts and data in an external csv
- How can i change highcharts data values by selecting from a dropdown list
- How to change Highcharts xAxis label color individually?
- How to change area graph color above certain value in Highcharts
- Highcharts - How do I dynamically change Marker radius when zooming?
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- Highcharts change the line color if its out of the area range
- How to parse JSON into HighCharts line graph?
- Highcharts - Change line color between points
More Query from same tag
- Highcharts: Multiple Columnrange with point inside of each of them
- Issues in Data Label
- Fixing the decimals on y axis to 5 places
- Highchart - Launch Sweetalert2 when click element
- Unresponsive Script and/or high response time for bar chart using HighCharts
- HighCharts - How to combine JS and SQL for two charts?
- Highcharts - Issue with negative values when displaying multiple axes
- How to avoid cropped data labels in highcharts
- How to modify Highcharts x-axis tooltip text
- In HIghcharts - Legend, Can we able to add just border bottom?
- Is it possible to use custom fonts in Highcharts?
- Getting the tick position and labels for Solid Guage using highcharts
- How to add clickable HTML-link into tooltip in Highcharts 5.0.x?
- Nested json in Highcharts Stacked
- How to show multiple HighCharts charts in the same page?
- Screen blank after loading highcharts-3d.js
- Highchart/Highstock Data sampling
- Highcharts pie labels outline mising using styled mode
- Logarithmic axis not showing appropriate ticks for small numbers
- Display vertical line on intersection point
- Extend Highcharts Export
- Show only first and last xAxis label in Highcharts
- Is it possible to have a highcharts timeline scrolling to dynamically show past events?
- Is there a pie chart slice hover event in Highcharts?
- Extra data in point object isn't available for tooltip
- Only first N datapoints should be used
- Highcharts: circle with image background
- Updating highcharts.js data on a 'stacked columns' chart : update() or setData()?
- High charts / Stacked Bar - Legends Disable hover
- Remove UTC date from Highcharts tooltip