Giter VIP home page Giter VIP logo

Comments (7)

ppotaczek avatar ppotaczek commented on July 21, 2024

Hi @JWahlander,

Thank you for contacting us!

You are right, the type should be: numericSymbols: Array<string | null>.
Please report it on the main repository: https://github.com/highcharts/highcharts/issues

However, you can set empty array to achieve the wanted result:

Highcharts.setOptions({
  lang: {
    numericSymbols: []
  }
});

Or you can also use format option, for example:

  yAxis: {
    labels: {
      format: '{value}'
    }
  }

Live demo: https://jsfiddle.net/BlackLabel/2mq53tvf/
API Reference: https://api.highcharts.com/highcharts/yAxis.labels.format

Best regards!

from highcharts-react.

JWahlander avatar JWahlander commented on July 21, 2024

Thanks for getting back so fast!

I have submitted an issue as instructed.

I have also tested the suggested solutions but they do not work or do not work as expected.
Setting an empty array doesn't do anything. The default metric prefixes still renders.
Setting the labels to format: '{value}' does render the full number but without thousand separator. Eg. 200000 is not rendered as 200 000.

I can also add that setting the numericSymbols to other values also does not work. E.g.numericSymbols: [' thousands', ' millions']

from highcharts-react.

ppotaczek avatar ppotaczek commented on July 21, 2024

@JWahlander, Using an empty array seems to work fine: https://jsfiddle.net/BlackLabel/wpbLnqx3/
Which Highcharts version do you use?

from highcharts-react.

JWahlander avatar JWahlander commented on July 21, 2024

@ppotaczek "highcharts-react-official": "^3.2.1",

from highcharts-react.

JWahlander avatar JWahlander commented on July 21, 2024

@ppotaczek I got it to work now but only if I use the Highchart.setOptions() function.
If I submit the value in the options property in the HighchartReact component it doesn't work.

from highcharts-react.

ppotaczek avatar ppotaczek commented on July 21, 2024

@JWahlander, using the setOptions method is the proper way. In Highcharts API we can read:

lang
Language object. The language object is global and it can't be set on each chart initialization. Instead, use Highcharts.setOptions to set it before any chart is initialized.

API: https://api.highcharts.com/highcharts/lang

from highcharts-react.

JWahlander avatar JWahlander commented on July 21, 2024

@ppotaczek Ah, my bad! Thanks for clarifying!

from highcharts-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.