chartjs not working

  • Resolved equima2020

    (@equima2020)


    6 years, 9 months ago

    am I need to add any code to chartjs code to work in tablepress cells ?
    I tried to add <html> <script type=”text/javascript”>
    all off this not working inside the cell

    is tablepress support this codes?

    what is the correct way to add chartjs in tablepress cell?

    <canvas id=”myChart” width=”400″ height=”400″></canvas>
    <script>
    var ctx = document.getElementById(‘myChart’).getContext(‘2d’);
    var myChart = new Chart(ctx, {
    type: ‘bar’,
    data: {
    labels: [‘Red’, ‘Blue’, ‘Yellow’, ‘Green’, ‘Purple’, ‘Orange’],
    datasets: [{
    label: ‘# of Votes’,
    data: [12, 19, 3, 5, 2, 3],
    backgroundColor: [
    ‘rgba(255, 99, 132, 0.2)’,
    ‘rgba(54, 162, 235, 0.2)’,
    ‘rgba(255, 206, 86, 0.2)’,
    ‘rgba(75, 192, 192, 0.2)’,
    ‘rgba(153, 102, 255, 0.2)’,
    ‘rgba(255, 159, 64, 0.2)’
    ],
    borderColor: [
    ‘rgba(255, 99, 132, 1)’,
    ‘rgba(54, 162, 235, 1)’,
    ‘rgba(255, 206, 86, 1)’,
    ‘rgba(75, 192, 192, 1)’,
    ‘rgba(153, 102, 255, 1)’,
    ‘rgba(255, 159, 64, 1)’
    ],
    borderWidth: 1
    }]
    },
    options: {
    scales: {
    yAxes: [{
    ticks: {
    beginAtZero: true
    }
    }]
    }
    }
    });
    </script>

    • This topic was modified 6 years, 9 months ago by equima2020.
    • This topic was modified 6 years, 9 months ago by equima2020.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 9 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Normally, this should work, except that you might have to turn off automatic conversion of line breaks in table cells, by using a Shortcode like

    [table id=123 convert_line_breaks=false /]

    However, it feels semantically wrong to put charts in table cells, as this sounds like you are using the table for layout purposes. You might want to consider other HTML code here, actually.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘chartjs not working’ is closed to new replies.