barchart test
by igor_nov
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
var dateRange = [
{
y: 1,
low: 10,
high: 50,
color: "red"
},
{
y: 2,
low: 1,
high: 80,
color: "green"
},
[ 1, 80],
[ 3, 40],
[ 50, 80],
[ 45, 75]
];
var releasesMain = [
{
y: 1,
x: 1,
color: "red",
name: 'release !!!!!!!',
type: 'release'
},
{
y: 20,
x: 1,
color: "red"
},
{
y: 30,
x: 1,
color: "red"
},
{
y: 35,
x: 1,
color: "red"
}
];
$('#container').highcharts({
chart: {
renderTo: 'container',
type: 'columnrange',
inverted: true
},
exporting: {
enabled: false
},
title: false,
credits: {
enabled: false
},
tooltip: {
/*
useHTML: true,
headerFormat: '<small>{point.key}</small><table>',
pointFormat: '<tr><td style="color: {series.color}">{series.name}:'+ Highcharts.dateFormat('%e - %b - %Y', new Date(point.y)) + ' </td>',
footerFormat: '</table>',
valueDecimals: 2*/
formatter: function() {
console.log(this);
console.log(this.point.series);
if(this.point.type === 'release'){
return flase;
}
else{
...