TargetProcess/tauCharts

Uncaught TypeError: Cannot read property 'format' of undefined

Closed this issue · 3 comments

ariloudev commented

Hello,

I have a simple test page that does not work. This is the error I'm getting in the console:

Uncaught TypeError: Cannot read property 'format' of undefined
    at Object.defineProperty.value (tauCharts.min.js:formatted:6690)
    at b (tauCharts.min.js:formatted:16)
    at Object.defineProperty.value (tauCharts.min.js:formatted:6196)
    at b (tauCharts.min.js:formatted:16)
    at Object.defineProperty.value (tauCharts.min.js:formatted:4284)
    at b (tauCharts.min.js:formatted:16)
    at Object.defineProperty.value (tauCharts.min.js:formatted:48)
    at b (tauCharts.min.js:formatted:16)
    at Object.defineProperty.value (tauCharts.min.js:formatted:24)
    at tauCharts.min.js:formatted:25

This is the test page.

<html>
<head>
<script src="http://cdn.jsdelivr.net/npm/d3@4.10.2/build/d3.min.js" charset="utf-8"></script>
<script src="http://cdn.jsdelivr.net/npm/taucharts@1/build/production/tauCharts.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/npm/taucharts@1/build/production/tauCharts.min.css">	
<script type="text/javascript">
		window.onload = function() {
			var chart = new tauCharts.Chart({
				type : 'bar',
				x    : 'team',
				y    : 'effort',
				color: 'priority',
				data : []
			});
			
			chart.renderTo('#cont');
		};
	</script>
</head>
<body>
	<div id="cont" style="width:500px; height:500px"></div>
</body>

Any help will be appreciated!

alexanderby commented

Taucharts 1 uses D3 v3, Taucharts 2 beta uses D3 v4. We had wrong URL in ReadMe file, try this one http://cdn.jsdelivr.net/npm/d3@3.5.17/d3.min.js

ariloudev commented

That nails it, thanks! I think the Readme deserves an update ;-)

alexanderby commented

Just updated the link.

  • 👍1