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.

Labels on axis not shown on heatmap

See original GitHub issue

This configuration not show labels on xAxis and yAxis. How can i get it? On local demo it looks like

Image of Yaktocat Highcharts demo is normally show labels. Can check it here https://www.highcharts.com/demo/heatmap

xAxis: { dataLabels|labels: { enabled: true } } is not working

options:

{

chart: {
    type: 'heatmap',
    marginTop: 40,
    marginBottom: 80,
    plotBorderWidth: 1
},


title: {
    text: 'Sales per employee per weekday'
},

xAxis: {
    categories: ['Alexander', 'Marie', 'Maximilian', 'Sophia', 'Lukas', 'Maria', 'Leon', 'Anna', 'Tim', 'Laura'],
    labels: {
      enabled: true,
    },
    dataLabels: {
      enabled: true,
    }
},
yAxis: {
    categories: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
    title: null
},

colorAxis: {
    min: 0,
    minColor: '#FFFFFF',
},

legend: {
    align: 'right',
    layout: 'vertical',
    margin: 0,
    verticalAlign: 'top',
    y: 25,
    symbolHeight: 280
},

tooltip: {
    formatter: function () {
        return '<b>' + this.series.xAxis.categories[this.point.x] + '</b> sold <br><b>' +
            this.point.value + '</b> items on <br><b>' + this.series.yAxis.categories[this.point.y] + '</b>';
    }
},

series: [{
    name: 'Sales per employee',
    borderWidth: 1,
    data: [[0, 0, 10], [0, 1, 19], [0, 2, 8], [0, 3, 24], [0, 4, 67], [1, 0, 92], [1, 1, 58], [1, 2, 78], [1, 3, 117], [1, 4, 48], [2, 0, 35], [2, 1, 15], [2, 2, 123], [2, 3, 64], [2, 4, 52], [3, 0, 72], [3, 1, 132], [3, 2, 114], [3, 3, 19], [3, 4, 16], [4, 0, 38], [4, 1, 5], [4, 2, 8], [4, 3, 117], [4, 4, 115], [5, 0, 88], [5, 1, 32], [5, 2, 12], [5, 3, 6], [5, 4, 120], [6, 0, 13], [6, 1, 44], [6, 2, 88], [6, 3, 98], [6, 4, 96], [7, 0, 31], [7, 1, 1], [7, 2, 82], [7, 3, 32], [7, 4, 30], [8, 0, 85], [8, 1, 97], [8, 2, 123], [8, 3, 64], [8, 4, 84], [9, 0, 47], [9, 1, 114], [9, 2, 31], [9, 3, 48], [9, 4, 91]],
    dataLabels: {
        enabled: true,
        color: '#000000'
    }
}]

}

Issue Analytics

State:
Created 6 years ago
Comments:19

Top GitHub Comments

15reactions

Claudiogoncalvescommented, Nov 20, 2018

I can show xAxis as the code:

xAxis: { categories: [‘Alexander’, ‘Marie’, ‘Maximilian’, ‘Sophia’, ‘Lukas’, ‘Maria’, ‘Leon’, ‘Anna’, ‘Tim’, ‘Laura’], visible: true, },

yAxis: { categories: [‘Monday’, ‘Tuesday’, ‘Wednesday’, ‘Thursday’, ‘Friday’], visible: true, title: null, },

10reactions

NurbekAmancommented, Sep 4, 2017

SnapluDJ. You can do like this. import Highcharts from ‘highcharts’ import Heatmap from ‘highcharts/modules/heatmap’

import React, { Component } from ‘react’

import ReactHighchart from ‘react-highcharts’

Heatmap(ReactHighchart.Highcharts)

Top Results From Across the Web

Seaborn heatmap not displaying all xticks and yticks

When I plot it's seaborn heatmap, I don't get as many labels on the X and Y axes. .get_xticklabels() method also returns only...

How to include labels in sns heatmap

I got your problem like this way: You want to show labels on the x and y-axis on the seaborn heatmap. So for...

Heat Map Properties – X-axis

Heat Map Properties – X-axis ; Show labels. Specifies whether or not scale labels should be visible. ; Horizontally. Shows scale labels horizontally....

seaborn.heatmap — seaborn 0.12.1 documentation

If “auto”, try to densely plot non-overlapping labels. maskbool array or DataFrame, optional. If passed, data will not be shown in cells where...

How can I modify the X and Y axis tick labels for a Heatmap ...

I understand that you are trying to change the displayed tick labels on the X and Y axis of a 'Heatmap'. For this...