score:1
Accepted answer
So by default in Highcharts, your point contains 4 main attributes which you can specify. Its x and y value, its name, and color. API reference: https://api.highcharts.com/highcharts/series.line.data
If you'd like your point to have some more attributes you can add them and e.g use one of them in the tooltip. Something like that: https://jsfiddle.net/BlackLabel/k49z8mv0/
Highcharts.chart('container', {
chart: {
zoomType: 'x'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'test'
}
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return 'Point value is: ' + this.y + '<br/>The total time in Second
equals: ' + this.point.totalTimeInSeconds + '<br/>' +
Highcharts.dateFormat('%Y-%m-%d', this.point.beginTimeSeconds) + ' -
' + Highcharts.dateFormat('%Y-%m-%d', this.point.endTimeSeconds);
}
},
series: [{
type: 'line',
name: 'Test',
data: [{
x: 1167609600000,
y: 0.7537,
beginTimeSeconds: 1626145840,
endTimeSeconds: 1626232240,
totalTimeInSeconds: 0
},
{
x: 1167696040000,
y: 0.7537,
beginTimeSeconds: 1626145840,
endTimeSeconds: 1626232240,
totalTimeInSeconds: 1
}
]
}]
});
If that doesn't answer your question please precise what the issue is.
Source: stackoverflow.com
Related Query
- Display start and end date range in timeseries LineChart using HighCharts
- How to display all dates with a given Start Date and End Date even if there is no data?
- How to display Day and Date in Highcharts Column Graph using PHP
- How to create a column range chart in Highcharts using range and navigator functions?
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- Highcharts series graph to start and end on tick and end on max
- display pie chart using highcharts api and mysql
- Highcharts show the same yAxis start and end value with multiple data series
- Highcharts graph should start entirely to the left and end entirely to the right
- Highcharts display label for pie chart using html table as data source
- How to tell Highcharts to set date on the x axis, and use a range of time (like 1 day)
- How to display historical data and live data from database using Highcharts
- highstock selected rangeSelector is computed from the current end date in the slider and not from the start date
- Highcharts to display area range and line chart with data from a CSV file
- Display of plotted point labels not appearing properly on X Range Chart for the first date of month - Highcharts
- Display tooltip on hovering over the legend using Highcharts and jQuery-ui tooltip plugin
- HIghcharts tooltips only for start and end point.
- Create Line in Highcharts with start and end point
- How to call another function on changing the time range selector and date selector in Highcharts stock?
- Display Date and time on highcharts
- Highcharts - Performance issue using chart with x values date and TIME
- Highcharts, influxdb and nodejs, how to display data of influxdb in highcharts using influxdb-nodejs?
- How to customize a legend in highcharts as the image and while clicking on the leg end appears lines inside linechart
- Highcharts ColumnRange - Display time range on yAxsis instead of Date
- how to display the date at X axis and other column at y axis in highcharts
- how to split by hour in highcharts while using x-axis type date range
- How to filter date in highcharts by using php and mysql
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Loading Highcharts via shim using RequireJS and maintaining jQuery dependency
- Using html2canvas to render a highcharts chart to pdf doesn't work on IE and Firefox
More Query from same tag
- Increment x axis value by 10 instead of 1
- Highchart stacked column tooltip issue
- Add category in HighCharts
- HighChart: Tooltip box thousand seperator
- How to Change Highchart Column Color Dynamicly
- Website content is not responsive in PDF A4 page
- lazy high charts rails, what is "my_id" ? in <%= high_chart("my_id4", @chart) %>
- Date not displaying correctly on x-axis in High Stock Charts
- IE < 9 + HighCharts don't render series
- Change highcharts mapbuble type to custom images
- Highchart network graph with tooltip when hover on every node
- Highchart's error : Uncaught SyntaxError: Unexpected token for
- Add borderColor for map Highcharter R
- JavaScript new Date() Returning NaN in IE, Safari
- sankey-diagram (skip column) highcharts
- column charts first date cut issue
- How to reverse a bar chart in highcharts?
- Highcharts with live data: align chart on left side
- Adding color to the max value in a dynamically generated chart?
- How to add a plotline to a bar chart in Highcharts?
- HighCharts: How to change style of bottom most x-axis grid line
- How to create data in Json format for highcharts
- Angular HighChart Update
- Plot dynamically added array elements using Highcharts.js
- Pie of pie charts in Highcharts
- Add Points Using Javascript/Jquery
- Display an error message when chart doesn't appear
- Drilldown event in Highcharts column chart
- call hidden value to highchart
- Data labels with "callout" shape misses pointing triangle for short text