question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Thanks for releasing react-highcharts. According to http://www.highcharts.com/docs/chart-and-series-types/heatmap a heatmap requires modules/heatmap.js from the highcharts distribution. Sample code http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/heatmap/

Is it possible to make this work with react-highcharts?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

8reactions
justinlevinsoncommented, Aug 16, 2017

For others having trouble, the issue may be that Heatmap is actually part of Highmaps, not Highcharts.

This works for me (stateless functional component, adapt as necessary if you have a class):

const ReactHighcharts = require("react-highcharts")
const ReactHighmaps = require('react-highcharts/ReactHighmaps.src');

const chartConfig = {
    chart: {
      type: 'heatmap',
      ...
  }
}

...

return(
  <ReactHighmaps config={chartConfig} />
)

2reactions
iamrickycommented, Aug 30, 2016

I’m getting Module not found: Error: Cannot resolve module 'react-highcharts/modules/heatmap' whenever I require the heatmap module.

Read more comments on GitHub >

github_iconTop Results From Across the Web

heatmap - Real-time analytics for your website
heatmap provides realtime analytics to help chief editors and marketeers understand in seconds which are their best performing contents and which are less ......
Read more >
Horizontal Support and Resistance Heatmaps - 1-TrendSpider
Heatmaps approximate key support and resistance zones by summing all of the detected trend lines and applying an advanced heatmap generation algorithm.
Read more >
Create heatmap chart - MathWorks
This MATLAB function creates a heatmap from the table tbl. ... By default, heatmaps support a subset of TeX markup for the text...
Read more >
What Are Heat Maps? Guide to Heatmaps/How to Use Them
A complete guide to website heatmaps with chapters about creating and analyzing heatmaps, case studies, practical examples, and heatmap ...
Read more >
Create a heatmap - Fusion Tables Help - Google Support
Create a heatmap. Heatmaps display colors on the map to represent the density of points from a table. Requirements. The table must have...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found