logo
down
shadow

Highcharts : show time with 30 second interval


Highcharts : show time with 30 second interval

By : user2951700
Date : November 18 2020, 11:13 AM
I hope this helps . I have a highchart that updates every second. and the data in x-axis is also second wise like 10:30:00 10:30:01 10:30:02 ..... , Add tickInterval option to x axis:
code :
xAxis: {
    categories: c,                     
    tickInterval:30
}


Share : facebook icon twitter icon
HighCharts Errorbar with irregular time series interval

HighCharts Errorbar with irregular time series interval


By : Hugo Velazquez
Date : March 29 2020, 07:55 AM
I think the issue was by ths following , The problem is the format you've used for the data in your errorbar series. The correct format is using a two-dimensional array. Not a three dimensional array, like you use in your code.
You had each point in the series being:
code :
[Date.UTC(2014, 5, 10), [6, 8]]
[Date.UTC(2014, 5, 10), 6, 8]
{
    name: 'Temperature error',
    type: 'errorbar',
    data: [
        [Date.UTC(2014, 5, 10), 6, 8], 
        [Date.UTC(2014, 5, 11), 26.1, 27.8], 
        [Date.UTC(2014, 5, 12), 7.6, 10.0]
    ],
    tooltip: {
        pointFormat: '(error range: {point.low}-{point.high}°C)<br/>'
    }
}
The time interval from the chart highcharts

The time interval from the chart highcharts


By : user3499203
Date : March 29 2020, 07:55 AM
it helps some times jsFiddle , You just need to set your tickInterval to 30 seconds.
Example:
Highcharts update at specific time interval

Highcharts update at specific time interval


By : raus81
Date : March 29 2020, 07:55 AM
it fixes the issue Solved!
To refresh data in dpecific time interval, I select to call another PHP page which output is only JSON data.
code :
function DrawContainerJson () {
        var seriesA = [];
        var seriesB = [];

        var url =  "https://domain.name/test/json.php";
        $.getJSON(url,  function(chartData) {
            // loop through the JSON data and push to the temporary series
            for (i=0; i<chartData.length; i++){
                tempDate = Date.parse(chartData[i].ctime);
                seriesA.push([Date.parse(chartData[i].ctime), parseInt(chartData[i].totalKbpsin)]);
                seriesB.push([Date.parse(chartData[i].ctime), parseInt(chartData[i].totalKbpsout)]);
            };

            var opt = SetChartOption(seriesA, seriesB);
            $('#container_json').highcharts(opt);
        });
    }


    $(document).ready(function() {              
        DrawContainerJson();
        //Refresh
        setInterval(function(){
            DrawContainerJson();
        },60000);  //1 min refresh
            });
PLotLines In HighCharts Overlapping || React highCharts || YAxis Interval

PLotLines In HighCharts Overlapping || React highCharts || YAxis Interval


By : Garma Oehmichen
Date : March 29 2020, 07:55 AM
like below fixes the issue Highcharts doesn't provide any mechanism for handling overlapping plot lines - it has to be done manually.
Plot line labels can be adjusted by using y property:
code :
plotLines: [{
    value: 22,
  color: 'red',
  width: 1,
  label: {
    text: 'First label',
    y: 13
  }
}
Optimal way to display data with uneven time interval Highcharts

Optimal way to display data with uneven time interval Highcharts


By : user3578059
Date : March 29 2020, 07:55 AM
To fix the issue you can do By using Highstock source code, you can create a basic chart and turn on the ordinal property which is enabled in stock charts by default.
code :
xAxis: {
  ordinal: true,
  ...
}
Related Posts Related Posts :
  • Keypress event for ajax call does not work
  • responsive/fluid jQGrid with Twitter Bootstrap
  • IE10 does not seem to fire load event
  • Remove tipTip tool tip
  • jquery datepicker changing unavailable dates in one instance
  • TableTools plugin export buttons are not working
  • Prepopulate jquery token input textbox
  • Open a fancybox link with ajax
  • Getting jQuery and AngularJS content assist / auto-complete in eclipse for standalone HTML "file"
  • TR alternate background colour with unequal number of TD
  • DATATABLE jQuery TH and TD alignment
  • Jquery UI Convert Select's to Range Slider
  • Change text in text field according to link that has been clicked
  • Animate addClass + removeClass transitions?
  • knockout ajax call data-BIND
  • How do I create a variable with a number based on an element's number position using jquery?
  • Prevent fixed position element from flickering during jQuery animation
  • points are not visible clearly in nvd3 ghaph
  • How to write a regular expression for IP address format
  • Animate 3 DIVs from right to left when page is loading.
  • How to pivot columns in free jqgrid 4.15.4
  • the jquery method works fine but when made as a function not working
  • Show/hide text doesn't work when targeting link within div
  • multiple autocomplete search input fields
  • Display image in cell using Jquery jTable
  • jQuery and Wordpress - Scripts not working
  • flickering when mouse over, .hover() show/hide div(s)
  • Using Django's JSONResponseMixin to respond to AJAX requests
  • Unable to render charts using Wicked PDF
  • Style to dynamically created elements
  • hover not working for items in list
  • Keep server session alive automatically based on activity / input, using JQuery
  • jQuery load() taking a long time
  • Change / Exchange values in textboxes on text change in jquery
  • Unslider arrow code overriding slider options
  • what is the traditional way of sorting search results?
  • Do the action when the DIV comes in the display area of the browser with jQuery
  • jQuery slideshow overlapping CSS ribbon
  • JQuery animate function dont work
  • problems charts jquery highcharts
  • How to reset the select box values in Jquery sumoselect Multi select plugin
  • css absolute position on top of another element
  • How use jQuery String variable in html body
  • Get a row from table in view on modal bootstrap using codeigniter
  • How to make the effect of a div that covers an other div when scrolling?
  • Data binding using a button
  • How do i replace all dot in string to Underscore?
  • grab non-sibling element with jquery
  • Select a word and click it
  • Trigger modal instead redirect to /users/sign_in path, Rails 4 with devise
  • Combining Parent theme JS and CSS
  • Angular ui-grid - DropDown Selection shows Id
  • jquery addclass when there is content on body
  • JQUERY : CSS does not apply to dynamically created elements
  • Bootstrap multiselect dropdown checkbox not working on paginated table
  • JQuery scroll to dynamic id
  • Jquery first time tried ajax
  • Disable the link on the active tab (Bootstrap)
  • How to handle this validation when a div is added?
  • how to show/hide and check/uncheck checkboxes dynamically inside kendo grid
  • shadow
    Privacy Policy - Terms - Contact Us © ourworld-yourmove.org