Giter VIP home page Giter VIP logo

Comments (4)

Denyllon avatar Denyllon commented on June 16, 2024 8

Hi @bluehenry ,

If you would like to use one of styles from our themes collection, you just need to import it just like that:

import darkUnica from "highcharts/js/themes/dark-unica.js"
darkUnica(Highcharts)

or with require:

require("highcharts/js/themes/dark-unica.js")(Highcharts);

Live example: https://codesandbox.io/s/ll1yjl9q37

from highcharts-react.

sebastianbochan avatar sebastianbochan commented on June 16, 2024 3

Hi @bluehenry,
The wrapper supports setOptions, the function applies i.e a theme.

Example:

import React from 'react'
import { render } from 'react-dom'
// Import Highcharts
import Highcharts from 'highcharts/highstock'

// Import our demo components
import Chart from './components/Chart.jsx'

var theme = {
  chart: {
    backgroundColor: 'red'
  }
};

Highcharts.setOptions(theme);

const chartOptions = {
  ...
}

const App = () => <div>
  <Chart options={chartOptions} highcharts={Highcharts} />
</div>

render(<App />, document.getElementById('root'))

from highcharts-react.

bluehenry avatar bluehenry commented on June 16, 2024

Thanks @sebastianbochan and @Denyllon !

from highcharts-react.

protoEvangelion avatar protoEvangelion commented on June 16, 2024
import darkUnica from 'highcharts/themes/dark-unica.js'

darkUnica(Highcharts)

worked for me

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.