score:1
simply removing markers enabled false from the global space solves the problem
var colors = ["#e74c3c", "#f4a582", "#92c5de", "#2980b9"];
Highcharts.chart('container', {
legend: {
enabled: false
},
tooltip: {
crosshairs: {
width: 2,
color: 'gray',
dashStyle: 'shortdot'
},
formatter: function() {
var s = '<b>' + moment(this.x).format('MMM Do') + '</b>';
$.each(this.points, function() {
s += '<br/>' +
'<tr><td class = "tooltipvalue" style="color: ' + '#00000' + '">' +
this.series.name + ': ' +
this.y.toFixed(1) +
'</td></tr>';
});
return s;
},
shared: true
},
xAxis: {
gridLineWidth: 0,
type: 'datetime',
tickPositions: [1454329239000, 1465906839000, 1468844439000, 1469708439000, 1474892439000, 1476879639000, 1478607639000],
labels: {
style: {
fontSize: '0.75em'
},
formatter: function() {
return Highcharts.dateFormat('%b %e', this.value);
}
},
title: {
text: 'x-axis',
align: 'high',
offset: 0,
rotation: 0,
y: -14
},
plotBands: [{
from: new Date('2016/02/01').getTime(),
to: new Date('2016/06/14').getTime(),
color: 'rgb(243, 243, 243)',
zindex: 0,
label: {
text: 'oo',
style: {
color: '#606060'
}
}
}, { // Light air
from: new Date('2016/07/18').getTime(),
to: new Date('2016/07/28').getTime(),
color: 'rgb(243, 243, 243)',
zindex: 0,
label: {
text: 'Cv',
style: {
color: '#606060'
}
}
}, { // Light air
from: new Date('2016/09/26').getTime(),
to: new Date('2016/10/19').getTime(),
color: 'rgb(243, 243, 243)',
zindex: 0,
label: {
text: 'abc',
style: {
color: '#606060'
}
}
}],
},
yAxis: {
gridLineWidth: 0,
allowDecimals: false,
labels: {
enabled: true,
formatter: function() {
return this.value + "%";
},
},
lineWidth: 1,
// lineColor:'black'
title: {
text: 'y-axis',
align: 'middle'
},
plotLines: [{
color: 'silver',
width: 0.7,
value: 50,
zIndex: 4
}]
},
series: [{
type: 'spline',
name: 'Combined forecasts one',
identifier: 'cc',
method: 'PollyVote Combined forecasts',
color: colors[3],
data: [
[1451862000000, 52.2],
[1451948400000, 52.2],
[1452034800000, 52.2],
[1452121200000, 52.2],
[1452207600000, 52.2],
[1452294000000, 52.2],
[1452380400000, 52.2],
[1452466800000, 52.2],
[1452553200000, 52.2],
[1452639600000, 52.2],
[1452726000000, 52.2],
[1452812400000, 52.2],
[1452898800000, 52.2],
[1452985200000, 52.2],
[1453071600000, 52.2],
[1453158000000, 52.2],
[1453244400000, 52.2],
[1453330800000, 52.2],
[1453417200000, 52.2],
[1453503600000, 52.2],
[1453590000000, 52.2],
[1453676400000, 52.2],
[1453762800000, 52.2],
[1453849200000, 52.2]
],
lineWidth: 3,
marker: {
enabled: false
}
},
{
type: 'spline',
name: 'Combined forecasts Two',
identifier: 'tt',
method: 'PollyVote Combined forecasts',
color: colors[0],
data: [
[1451862000000, 49.9],
[1451948400000, 49.9],
[1452034800000, 49.8],
[1452121200000, 49.5],
[1452207600000, 49.4],
[1452294000000, 49.3],
[1452380400000, 49.2],
[1452466800000, 49.6],
[1452553200000, 49.6],
[1452639600000, 49.6],
[1452726000000, 49],
[1452812400000, 48.7],
[1452898800000, 48.7],
[1452985200000, 48.7],
[1453071600000, 48.7],
[1453158000000, 48.6],
[1453244400000, 48.6],
[1453330800000, 48.6],
[1453417200000, 48.6],
[1453503600000, 48.6],
[1453590000000, 48.6],
[1453676400000, 48.6],
[1453762800000, 48.7],
[1453849200000, 48.8],
[1453935600000, 48.8],
[1454022000000, 48.7]
],
lineWidth: 3,
marker: {
enabled: false
}
}, {
type: 'scatter',
name: 'Index Models one',
identifier: 'cc',
method: 'Index models',
color: colors[2],
data: [
[1451862000000, 49.9],
[1451948400000, 49.9],
[1452034800000, 49.9],
[1452121200000, 49.9],
[1452207600000, 49.9],
[1452294000000, 49.9],
[1452380400000, 49.9],
[1452466800000, 49.9],
[1452553200000, 49.9],
[1452639600000, 49.9],
[1452726000000, 49.9],
[1452812400000, 51.6],
[1452898800000, 51.6],
[1452985200000, 51.6],
[1453071600000, 51.6],
[1453158000000, 51.6],
[1453244400000, 51.6],
[1453330800000, 51.6],
[1453417200000, 51.6],
[1453503600000, 51.6],
[1453590000000, 51.6],
[1453676400000, 51.6],
[1453762800000, 51.6],
[1453849200000, 51.6],
[1453935600000, 51.6],
[1454022000000, 51.6]
]
},
{
type: 'scatter',
name: 'Index Models Two',
identifier: 'tt',
method: 'Index models',
color: colors[1],
data: [
[1451862000000, 50.1],
[1451948400000, 50.1],
[1452034800000, 50.1],
[1452121200000, 50.1],
[1452207600000, 50.1],
[1452294000000, 50.1],
[1452380400000, 50.1],
[1452466800000, 50.1],
[1452553200000, 50.1],
[1452639600000, 50.1],
[1452726000000, 50.1],
[1452812400000, 48.4],
[1452898800000, 48.4],
[1452985200000, 48.4],
[1453071600000, 48.4],
[1453158000000, 48.4],
[1453244400000, 48.4],
[1453330800000, 48.4],
[1453417200000, 48.4],
[1453503600000, 48.4],
[1453590000000, 48.4],
[1453676400000, 48.4],
[1453762800000, 48.4],
[1453849200000, 48.4],
[1453935600000, 48.4]
],
marker: {
radius: 5,
symbol: 'circle'
}
}
]
});
Source: stackoverflow.com
Related Query
- How to draw scatter chart with highcharts using timeseries data
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- How to draw a bubble map with longitude and latitude using Highcharts in react
- How to Build a Column Chart in Highcharts with Data Entered Dynamically Within a CMS
- How to hardcode chart data in my Model then have my Controller pull it from there to display it. Using Highcharts
- How can I make milestone lines with a GANTT chart using the highcharts library?
- How to specify a range of data when using HighCharts with <table>?
- highcharts Scatter Chart not loading with LOTS of data
- How can I get a chart only with legends using highcharts
- Highcharts display label for pie chart using html table as data source
- How to remove data gaps in HighCharts xAxis on a scatter chart
- Highcharts : using same div to load a chart multiple times with different series data
- How to have multiple highcharts with different series data in vuejs without repeating code
- how to draw charts with json file data in highcharts
- How can i draw a high chart with two labels in x coordinate using highchart
- How to replace x-axes with our own timestamp data from API in Highcharts using highstocks
- Highcharts cloud issue with data source when duplicating chart
- how to make chart real time with 2 line and get data from php with highcharts
- Dynamic chart using Highcharts with data from MySQL database
- Javascript, using Highcharts to display a chart of rankings with JSON Data
- How to draw a donut chart sparkline using highcharts in react?
- How to use trellis chart with stacked column in Angular 10 using Highcharts
- How can I put text within horizontal bar chart data points using Highcharts as well as adding text underneath each data point? Example below:
- How to make multiple Y-axis with incoming series of data from database using Highcharts
- How to display extra data in highcharts bubble chart tooltip with datetime x-axis
- Highcharts : draw a chart with data from XMLHttpRequest ()
- How to draw a chart from one array of data and make labels on the chart from another array of data? Highcharts v.4.0.4
- How to get column chart in angular using highcharts using dynamic data
- How to create a column range chart in Highcharts using range and navigator functions?
- Reload chart data via JSON with Highcharts
More Query from same tag
- Set stacking column graph colors from the bottom up
- Having trouble passing data to Highcharts
- hightchart line and column chart , line not start with start of chart
- Highcharts: Shared tooltip for heatmap
- highcharts with dynamically adding multiple series from JavaScript array name value pair
- Highcharts Gauge not appearing
- Series as columns in highcharts
- Jquery, Highcharts enable html exportChart
- Unable to set timezone in Highcharts graph
- How to render highcharts from external json for multiple series
- Pie Highchart remove path to description
- I change the min and max of the xaxis, but how to i change the 'navigator'?
- Prevent JSON.parse(data) from cutting off zero digit for String floats
- Using PHP for Highchart Heatmap
- How to dd shadow to highchart bars
- X-axis interval in Highcharts
- Highcharts shift taking off too many points at the start
- How to set opacity of a single bubble in Highcharts
- How to display data value on each slice of doughnut charts in echarts
- How to handle Highcharts events from an AngularJS directive?
- Shared events highcharts
- HighCharts Js graphs in loop
- Calculate Linear Regression based off data within range as opposed to full data set
- Highcharts: Cannot get example to display chart
- Highcharts on Rails 3
- Loading chart via Angular ngRoute not working
- How to get hovered date in Highcharts spline?
- How to dynamically set title in Pie Chart of Highcharts
- Set specific spacing between rows and columns in Highcharts heatmaps
- Update chart border color with plotband color in angular gauge