Cannot see chart

How-to Discussions
1

I have been trying to use a chart but I have not been able to see fuse render it. The following is my code:

<Page ux:Class="TestPage" xmlns:c="Fuse.Charting">
    <Router ux:Dependency="router" />

    <JavaScript>
     var Observable = require("FuseJS/Observable");
 //    var FileSystem = require("FuseJS/FileSystem");
 //    var CameraRoll = require("FuseJS/CameraRoll");
	// var ImageTools = require("FuseJS/ImageTools");

	var imagePath = Observable();
	var FBSData = Observable();
	var HbMCData = Observable();

    function goBack(args) {
    	router.goBack();
	}

	function initialize(){

		FBSData.replaceAll([
			{x: 0, y: 15},
			{x: 1, y: 5},
			{x: 2, y: 10},
			{x: 3, y: 25}
		]);

		HbMCData.replaceAll([
			{x: 0, y: 35},
			{x: 1, y: 45},
			{x: 2, y: 30},
			{x: 3, y: 40}
		]);
	}

	initialize();

	module.exports = {
		goBack: goBack,
		FBSData: FBSData,
		HbMCData: HbMCData
	}
    </JavaScript>

    <Panel Color="White">
    	<DockPanel>

    		<c:Plot>
                <c:DataSeries Data="{FBSData}" ux:Name="FBS"/>
                <c:DataSeries Data="{HbMCData}" ux:Name="HbMC"/>
            </c:Plot>

    		<mob.Button Text="BACK" Clicked="{goBack}" Dock="Bottom" />

    	</DockPanel>
    </Panel>

</Page>

So what am I doing wrong here?

2

You’re not necessarily doing anything wrong here, but it seems your code is missing significant bits for anything to show up. Specifically, I would expect to see you defining c:PlotData, c:PlotTicks, c:PlotAxis and other elements as explained in charting docs.

Taking a look at charting examples could help too.

3

Hey Uldis,
Actually I got it resolved already after seeing some samples. I have one other question but I will post it in another thread