react-highcharts

Alternate for highcharts-more

由 梦想与她 提交于 2019-12-13 20:28:54
问题 As per npm highcharts-more.js is deprecated and we just need to import respective modules from the highcharts folder. But when I try to remove highcharts-more dependency I am getting error. We are trying to build a boxplot using react-highcharts v16.0.2. I even tried removing highcharts-more.js import from their demo and see that it fails. Am i missing anything in the implementation aspect here ? 回答1: Import required dependencies as import ReactHighchart from 'react-highcharts'; import

Highchart is not updating after setState (bubble motion)

由 南楼画角 提交于 2019-12-13 06:30:51
问题 I have a service call on componentDidMount. Up on getting the data, I am trying to set my state which holds highchart information. Code is below. import React, { Component } from "react"; // Import Highcharts import Highcharts from "highcharts/highstock"; import HighchartsReact from "highcharts-react-official"; import plugin from "../../../../resources/js/motion"; import * as Services from '../../services/dashboardservices'; import ProcessData from './bubbleChartMethods'; require("highcharts

creating a bar chart using Highcharts with React - getting an error that rendering div isn't found

由 大憨熊 提交于 2019-12-11 09:24:41
问题 I'm trying to create a bar chart with Highcharts in my web application, which uses React on the front end. Below is a snippet of my dashboard.tsx file, where I basically just copied and pasted the code from a JSFiddle (http://jsfiddle.net/8qjcz4q0/) that renders a simple bar chart with Highcharts, but for some reason it's not working and I get an error in my console (Highcharts error #13) that the rendering div isn't showing. import * as React from "react"; import * as ReactDOM from "react

Highcharts not rendering : React+Typescript+Highcharts

由 狂风中的少年 提交于 2019-12-11 04:49:27
问题 Trying to bring up a highchart using react. I am having multiple fetch api calls(for illustration, I have added only 2) whose data I will be using to render something in the UI. In this example data1 is used to render a table, data2 is used to render a highchart. I am storing the outputs of these calls in a state object. When I am calling these API's, I am getting the data but unable to set it to "series" property of highcharts for rendering, as a result nothing is getting rendered. Structure

How can I add links in a Highcharts tooltip that will open on mobile's browser?

由 人走茶凉 提交于 2019-12-09 02:07:08
问题 I am developing a React Native app with expo. One of the screens contains a graphic created with Highcharts. All points have an associated tooltip with some text, to which I would like to add a link that would open the URL in the browser (that is, outside the app). Very basically, the app code looks like this: import ChartView from 'react-native-highcharts'; render() { let Highcharts = "Highcharts"; let config ={ chart: { type: "line", animation: Highcharts.svg, ... tooltip: { followTouchMove

How can I add links in a Highcharts tooltip that will open on mobile's browser?

由 橙三吉。 提交于 2019-12-01 01:49:12
I am developing a React Native app with expo. One of the screens contains a graphic created with Highcharts. All points have an associated tooltip with some text, to which I would like to add a link that would open the URL in the browser (that is, outside the app). Very basically, the app code looks like this: import ChartView from 'react-native-highcharts'; render() { let Highcharts = "Highcharts"; let config ={ chart: { type: "line", animation: Highcharts.svg, ... tooltip: { followTouchMove: false, useHTML: true, formatter: function () { return `<div class="text">bla bla bla <a href="http:/
订阅 react-highcharts