Is there a way to eliminate the From and To filters in highstock charts?

Are you looking to remove the From & To filters from Highstock? Take a look at the image below to see which elements should be removed.

Explore the range selector option:

rangeSelector: {
    selected: 2,
    buttons: [ {
        type: "minute",
        count: 60,
        text: "1h"
    }, {
        type: 'day',
        count: 1,
        text: '1d'
    }, {
        type: 'day',
        count: 30,
        text: '1m'
    }, {
        type: 'day',
        count: 90,
        text: '3m'
    }, {
        type: 'day',
        count: 180,
        text: '6m'
    }, {
        type: 'all',
        text: 'All'
    }]
}

Click here for the jsfiddle link

Answer №1

To disable input, simply set inputEnabled to false like this:

rangeSelector: {
      inputEnabled:false,
    //...
}

For more information, refer to this link http://jsfiddle.net/zctctwcp/

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Using AngularJS promises and deferring actions

Presenting my service: angular.module('taskModule').service('myService', ['$modal', '$q', myService]); function myService($modal, $q) { this.displayModal = function(data) { return $q(function(resolve, reject) ...

Create a 3D representation of an inverted sphere using three.js

Currently, I am utilizing a plugin that integrates 360 / VR video functionality into our video player. The process involves the use of Three.js to generate a sphere and then applying the video as the material for this newly created sphere. By setting the v ...

Angular JS is patient when waiting for asynchronous requests to complete

Once upon a time in a factory httpFactory.factory('setFavorability', function($http){ return{ Like: function(id){ return $http.get('http://localhost:51265/Film/Like/' + id); } } ...

What are the steps to implement Vuelidate 2 in a web browser?

Back in the stone age, we used to just drop in a .js file or a CDN reference and start coding. But now things seem much more complicated. I'm trying to use Vuelidate 2 in the browser, but I can't seem to figure it out. I've already done npm ...

Leveraging the power of Mantine UI .tsx files in a JavaScript-oriented React application

I am currently in the process of developing a fitness website and I am interested in incorporating the Mantine UI accordion component, which is built using Typescript. My React project has been coded in JavaScript. Is there a way for me to create a .tsx fi ...

Tips for managing modal states in functional React components in React Native using React hooks

Utilizing React hooks to manage modal opening and closing, I encountered an issue with my code. The function 'handleAddClick' is supposed to open the modal when used on TouchableOpacity, while the function 'handleClose' should close the ...

Issue with dropdown element not triggering JavaScript onchange event

I am in the process of developing an application that involves searching a database and enabling users to compare the results. To achieve this, I require multiple dependent drop-down menus. While I have some understanding of HTML and PHP, my coding experti ...

Transferring information from the backend (powered by nodejs) to the frontend using JavaScript

I have data stored in my MongoDB database and I am retrieving this data from the DB to save it to an array. When a button is clicked on the webpage, I want to send this data to my JavaScript file and use the DOM to display it on the page. On page load, I ...

The style attribute is triggering an error stating that 'Every child in a list must possess a distinct "key" property.'

Can anyone explain why I'm encountering an error when storing JSX code in a variable like this? const centerStyle = {textAlign: 'center'}; viewState.myContent = ( <Fragment> <p style={centerStyle}>Some text</p> < ...

A simple way to verify which option has been chosen has been altered

I am examining the code snippet below: <select class="select" id="choice-item" aria-invalid="false"> <option value="#opt0" selected="selected">32 bits</option> <option value="#opt1">64 bits</option> </select> M ...

What are the implications of an unidentified callback function with parameters?

Check out this snippet: const fs = require('fs'); fs.readFile('foo.txt', 'utf8', (error, data) => { if (error) { throw new Error(error); } console.log(data); }); Can you figure out where the anonymous callback is recei ...

Improving your scene with multiple cubes using Three.js

I recently came across a raycasting tutorial for threejs on a website, and the author demonstrated adding cubes to the scene in an interesting way: geom = new THREE.CubeGeometry( 5, 5, 5 ); cubes = new THREE.Object3D(); scene.add( cubes ); for(var i = 0 ...

What are your thoughts on Uptrends vs Dynatrace for Website Monitoring?

I'm seeking recommendations for improving monitoring on a retail website. Any advice would be appreciated. Thank you in advance. ...

Attempting to modify an array object within a React Native application

Trying to simplify things, I've created a shorter version of what I'm attempting to build. There are some errors in the code, and after spending hours experimenting with different approaches without success, I have decided to start from scratch. ...

A guide on retrieving real-time data from PHP using Ajax

Being new to Ajax, I am struggling to grasp how to retrieve changing variable values from php. Below is the code snippet that I have been working on: <?php $pfstatetext = get_mypfstate(); $cpuusage= cpu_usage(); ?> <div id="show"> <c ...

Modify the input field and receive immediate validation

Is there a way to automatically check arrays and update the results div when the value of a textbox (input field) is changed without clicking submit? I've attempted to use both php and jQuery, but haven't had success. I'd like the arrays ...

Unable to modify the bar's color using the .css document

Below is the JavaScript code being used: var marginEducation = {top: 20, right: 30, bottom: 40, left: 300}, widthEducation = 1000, heightEducation = 460; const svgEducation = d3.select("#Education") .append("svg") .attr("w ...

What is the reason behind Node.js querystring.parse() producing an object that does not have JavaScript `Object` inheritance?

The provided information states that this particular entity in Node.js does not have heritage from the JavaScript Object. Yet, no explanation is given as to why this deviation exists. Therefore, what is the underlying reason for Node.js querystring.parse ...

asyncValidation that relies on the value of another field

I am working on adding a validation field to one of my inputs that will require the server to verify if the VAT number provided is valid. To achieve this, I have implemented an async validator in my code as shown below: myApp.factory('isValidVat&ap ...

There are mistakes in the code that I am struggling to fix

I am encountering an issue where my website only functions properly on Firefox and not on Chrome. However, when I run the HTML using NetBeans on Chrome, the website works fine. I'm unsure of what to do as I need to submit this project within the next ...