gr_rudi
Posts: 1
Joined: Tue Jul 19, 2022 3:22 pm

Minimalism

Hello,

I speak a little English, sorry.

I would like very basic/minimalist stock chart. Please see:

Image

My version: Highstock 4.2.6

I use this:

Code: Select all

<div
  class="simpleChartContainer baseChart-62d6c7fecb4b1 tab-chart"
  id="simpleChartContainer-62d6c7fecb4b1"
  data-id="62d6c7fecb4b1"
  instrument-id="1"
  chart-type="area"
  chart-interval="intraday"
  chart-rangeselector="0"
  chart-scrollbar="0"
  chart-layout="custom"
  instrument-info=""
  instrument-info-title=""
  decimals-y=""
  title-link="1"
  refresh="1"
  rt="0"
  data-default-height="0"
  style="height: auto; border: none;"
>
<div
  class="simpleChart loading-bg"
  id="simpleChart-62d6c7fecb4b1"
  style="height: 70px; background: none;"
>
How to change this? Please help me with example(s). Thanks.
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Minimalism

Hello gr_rudi!
Welcome to our forum and thanks for contacting us with your question!

First of all, I suggest you upgrade Highcharts to the latest version, which is Highcharts v10.2.0. We are providing support only for the latest version, so if you will have any problems with the older version, where it works differently in the new version, we will not help you. Version 4.2.6 was released in 2016, it is 6 years and a lot of features have been improved/added.

I am not quite sure, what is the code, which you pasted because it is not a Highcharts chart config code. To create a chart, like this one from your image using the Highcharts Stock module you have to disable features like rangeSelector, navigator, scrollbar and hide the title and axes of the chart. I have prepared a simple demo for you, you can check it below.

Demo: https://jsfiddle.net/BlackLabel/w9cz4qr1/
API Reference: https://api.highcharts.com/highstock/

Let me know if you have any further questions!
Kind regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Stock”