score:2
You can pass information of color per point like this http://jsfiddle.net/gvkv4f50/1/
$(function () {
// create the chart
$('#container').highcharts('StockChart', {
plotOptions: {
ohlc: {
colorByPoint: true,
}
},
rangeSelector: {
inputEnabled: $('#container').width() > 480,
selected: 2
},
title: {
text: 'AAPL Stock Price'
},
series: [{
type: 'ohlc',
name: 'AAPL Stock Price',
data: [{
open: 8.34,
high: 8.56,
low: 5.47,
close: 6.15,
color: 'yellow'
}, {
open: 8.34,
high: 8.56,
low: 5.47,
close: 6.15,
color: 'green'
}],
dataGrouping: {
units: [
[
'week', // unit name
[1] // allowed multiples
],
[
'month', [1, 2, 3, 4, 6]]
]
}
}]
});
});
If you want to ignore different coloring when open point has lower value than close point add this:
Highcharts.wrap(Highcharts.seriesTypes.ohlc.prototype, 'getAttribs', function (p, args) {
Highcharts.seriesTypes.column.prototype.getAttribs.apply(this, args);
});
You can see how in here - http://jsfiddle.net/chybv1mt/3/
Source: stackoverflow.com
Related Query
- HighCharts OHLC - Can I provide color-information for each point with JSON-Data?
- Formatting JSON Data with ColdFusion for HighCharts
- Retrieving JSON data for Highcharts with multiple series?
- Highcharts for multiple plot lines each with a different color and show tooltip?
- Highcharts define colors for each data point in a pair
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- In a Highcharts heatmap is it possible for a data point to be ignored for the color scale?
- In highcharts how can I provide data with values x, y, title so that I can put the title in the tooltip?
- Highcharts data series label. for each data point
- Data Conversion from SQL, C# with Linq to JSON for Highcharts Line chart
- how do you create custom buttons with highcharts that each data buttons calls anather php script for its data
- Custom data label for a single point in OHLC candlestick in Highcharts
- In HighCharts, how can I make the color for each plotted point in an array dependent on a value in a corresponding array?
- Highcharts - Column chart with legend for each data
- highcharts scatter 1 second update with user defined lables on x-axis for each point
- YQL finance data JSON format for use with highcharts
- In highCharts so much space left for each category when using index with data
- JSON Data for Highcharts in Symfony2 with ObHighchartsBundle
- How can i have the same radius for each point of series with hover?
- Highcharts Set data label border color for each pie slice
- Highcharts (highcharts-ng) with ng-repeat worked, But need to pass the data for each chart from the attributes
- Reload chart data via JSON with Highcharts
- Highcharts with JSON data and multiple series
- Formatting JSON data monthwise for HighCharts using MySQL
- Highcharts - Provide URL's for series data to open clickable link
- How to output JSON in python so it can be used for Geckoboard's Highcharts plugin
- Alternatives to Highcharts for datasets with 10k data points?
- Highcharts - xAxis label for each point
- Highcharts - Global configuration with common code and unique data & Headings
- Color each point individually in column chart highcharts
More Query from same tag
- How can I use an angular component more then once?
- Set properties for a cell in a heatmap
- Parsing Data From HTML Table
- Highcharts PHP JSON - correct data format
- Adding custom shape on a selected highchart markers
- How can i change highcharts data values by selecting from a dropdown list
- Highcharts passing time.
- i want to use bar chart istead of sparkline on highcharts in this example
- Change the color of legend symbol highchart
- Erb array not updated after ajax post
- Highcharts Plot two datetime series on top of each other
- Highcharts scatter external data
- Manually Triggering drillup event, highcharts
- Chart data of object gets overwritten, but only the first object that is interacted with is affected
- highchart column comparison chart like xrange
- Highcharts callback function / handle datalabels and stacklabels
- Highcharts Export Server - Getting a blank chart
- How to add comma formated labels for Y-axis in Highcharts?
- passing json values to highcharts from .net code behind
- how to display chart in jquery?
- Retrieve missing column Values
- Highcharts - update chart using ajax
- Highcharts - Add difference between y-points
- combine column and splines highcharts using mysql
- Highchart show/hide y axis with multiple associated series
- Highcharts 5 - Radar Charts with circle round the outside
- Highcharts area range series change plotting area dynamically
- change barchart background color dynamically in highcart
- Extracting multi-dimentsional arrays in Javascript/JQuery
- Dynamic series for columrange (highcharts)