Upon installation and configuration of the plugin, I've attempted to create simple, 2 value doughnut-chart using a ChartJS style. I've created 2 of the 4 charts that I need, but have not been able to get them working.

I do not have any console errors pertinent to the plugin, and the only issue I can see is that the JS and Div ID appear to be mismatched.

The charts appear near 3/4 down on the website, in the four-column section. They should appear in the two modules on the left.

<script type="text/javascript">if(typeof(wpDataCharts)=='undefined'){wpDataCharts = {};}; wpDataCharts[1] = {render_data: {"options":{"data":{"labels":["null","Positive"],"datasets":[{"label":"Value 1","backgroundColor":["#ff6384","#36a2eb","#ffce56","#4bc0c0","#9966ff","#ff9f40","#a6cee3","#6a3d9a","#b15928","#fb9a99"],"borderWidth":1,"data":[22,78]}]},"options":{"maintainAspectRatio":false,"scales":{"xAxes":[{"display":false,"scaleLabel":{"display":true,"labelString":""}}],"yAxes":[{"display":false,"scaleLabel":{"display":true,"labelString":""},"ticks":{"beginAtZero":true,"min":0}}]},"title":{"display":false,"position":"top","fontFamily":"Arial","fontStyle":"bold","fontColor":"#666"},"tooltips":{"enabled":false,"mode":"single","backgroundColor":"rgb(0,0,0)","cornerRadius":3},"legend":{"display":false,"position":"top"}},"globalOptions":{"defaultFontSize":"","defaultFontFamily":"Arial","defaultFontStyle":"bold","defaultFontColor":""}},"configurations":{"type":"chartjs_doughnut_chart","container":{"height":"400","width":"400"},"canvas":{"backgroundColor":"","borderWidth":"NaN","borderColor":"","borderRadius":""}}}, engine: "chartjs", type: "chartjs_doughnut_chart", title: "Doughnut 1", container: "wpDataChart_1", follow_filtering: 0, wpdatatable_id: 1, group_chart: 0}</script>

<div id="chartJSContainer_1">

        <canvas id="chartJSCanvas_1"></canvas>
    </div>

Unfortunately no. I am using the Foundation framework using the Foundationpress Wordpress theme, and it requires v2.1.0. Is there a workaround?