DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Highcharts "Uncaught TypeError: b is undefined"

Highcharts "Uncaught TypeError: b is undefined"

carrarachristophecarrarachristophe Posts: 112Questions: 25Answers: 2
in Editor

Link to test case:
Debugger code (debug.datatables.net): atupes
Error messages shown: Uncaught TypeError: b is undefined
Description of problem:

Hello,
I am trying to use the Highcharts integration, a basic way, but I am getiing a "Uncaught TypeError: b is undefined" error message.
Any idea of the root cause?

This question has an accepted answers - jump to answer

Answers

  • carrarachristophecarrarachristophe Posts: 112Questions: 25Answers: 2

    To be more specific, my code is based on this example.
    The table is displaying fine.
    The searpanes at the top of it as well.
    Just the chart is missing.

    The fulle error essage is the following:
    Uncaught TypeError: b is undefined
    getArgs highcharts.src.js:30320
    a highcharts.src.js:30264
    chart highcharts.src.js:30298
    <anonymous> table.bibliotheque_auteurstest.js:213

    and my line 213 corresponds to line 10 of the example:
    var chart = Highcharts.chart(container[0], {

  • kthorngrenkthorngren Posts: 21,343Questions: 26Answers: 4,954

    Its hard to say without seeing the problem. Please post a link to your page or a test case replicating the issue so we can help debug.
    https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

    Kevin

  • carrarachristophecarrarachristophe Posts: 112Questions: 25Answers: 2
    Answer ✓

    Hello,
    I think it comes from the fact I apparently mixed the case contained in the example and the one in the blog.

    This is this part that was creating the problem:

    In the blog:

        var myChart = Highcharts.chart("container", {
        chart: {
            type: "pie"

      <body>
    <div id="container" style="width:100%; height:400px;"></div>
    <div class="container">

    In the example:

    // Create chart
var chart = Highcharts.chart('demo-output', {
    chart: {
        type: 'pie',

    <body>
<div id="demo-output" style="margin-bottom: 1em;" class="chart-display"></div>
  • allanallan Posts: 63,523Questions: 1Answers: 10,473 Site admin

    All fixed now then? :)

    Allan

  • carrarachristophecarrarachristophe Posts: 112Questions: 25Answers: 2

    All fixed. Thanks!

Sign In or Register to comment.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.