Set htmlText in LC8 Browser

Terence Heaford t.heaford at icloud.com
Sat Mar 5 09:42:42 EST 2016


There seems to be an issue with set htmlText in LC8 Browser.

The code below generates a chart using amCharts.

It works in Safari with either Open File… or drag and drop.

It works in a LC8 Browser by drag and drop

It DOES NOT work in LC8 Browser by set html text.

Can someone advise please?


Thanks

Terry



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>amCharts examples</title>
        <link rel="stylesheet" href="style.css" type="text/css">
		
		<script type="text/javascript" src="file:///Users/Terry/Documents/LC/AMCharts/amcharts.js"></script>
		<script type="text/javascript" src="file:///Users/Terry/Documents/LC/AMCharts/serial.js"></script>
		 

        <script>
            var chart;

            var chartData = [
            		{
account:"A",
amount:100.51,
color:"#C39953",
},
{
account:"B",
amount:200.64,
color:"#A17A74",
},
{
account:"C",
amount:300,
color:"#6D9BC3",
},
{
account:"D",
amount:400.84,
color:"#CD607E",
},
{
account:"E",
amount:500.75,
color:"#AD6F69",
},
{
account:"F",
amount:600.23,
color:"#2E2D88",
},
{
account:"F",
amount:700.53,
color:"#AB92B3",
},
{
account:"H",
amount:800,
color:"#676767",
},
{
account:"I",
amount:900.76,
color:"#6EAEA1",
},
{
account:"J",
amount:1000,
color:"#AE98AA",
},

            ];
            
          
            AmCharts.ready(function () {
            
// ------------------ SPECIFY CHART AS SERIAL CHART --------------------

                chart = new AmCharts.AmSerialChart();
                chart.dataProvider = chartData;
                chart.categoryField = "account";
                chart.startDuration = 0.75;
                chart.sequencedAnimation = false;
                chart.startEffect = "bounce";
				//chart.addTitle("Net Worth", 15, color, alpha, bold)
				chart.addTitle("NetWorth", 15);


// ------------------------ CATEGORY OR XAXIS ---------------------------

                var categoryAxis = chart.categoryAxis;
                categoryAxis.labelRotation = 45;
                categoryAxis.fontSize = 13;
                categoryAxis.gridPosition = "start";
                categoryAxis.title = "Account";
                
// ------------------------VALUE OR YAXIS ------------------------------

                var valueAxis = new AmCharts.ValueAxis();
                valueAxis.labelFunction = formatCurrency;
                valueAxis.title = "Amount(£)";
                valueAxis.fontSize = 13;
                chart.addValueAxis(valueAxis);
                
// ------------------ SPECIFY GRAPH --------------------
 
                var graph = new AmCharts.AmGraph();
                graph.valueField = "amount";
				graph.balloonText = "[[category]]: <b>£[[value]]</b>";
				graph.colorField = "color";
                graph.type = "column";
                graph.lineAlpha = 0;
                graph.fillAlphas = 0.8;
                graph.labelText = "£[[value]]";
                graph.fontSize = 10;
                chart.addGraph(graph);

// -------------------- SPECIFY CURSOR  -----------------------

                var chartCursor = new AmCharts.ChartCursor();
                chartCursor.cursorAlpha = 0;
                chartCursor.zoomable = false;
                chartCursor.categoryBalloonEnabled = false;
                chart.addChartCursor(chartCursor);

				//chart.creditsPosition = "top-right";

                chart.write("chartdiv");
// -------------------------------------------------------


            }); //END OF AMCHARTS.READY
            
        
            
	
// ------------- FUNCTION TO FORMAT CURRENCY  ----------
	
		function formatCurrency(num,formattedValue, valueAxis) {
			num = num.toString().replace(/\$|\,/g,'');
			if(isNaN(num))
			num = "0";
			sign = (num == (num = Math.abs(num)));
			num = Math.floor(num*100+0.50000000001);
			pennies = num%100;
			num = Math.floor(num/100).toString();
			if(pennies<10)
				pennies = "0" + pennies;
				for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
				num = num.substring(0,num.length-(4*i+3))+','+
				num.substring(num.length-(4*i+3));
		return (((sign)?'':'-') + '£' + num + '.' + pennies);
		}
			
// -------------------------------------------------------

			
        </script>
        
    </head>

    <body>
    <div id="chartdiv" style="width: 100%; height: 700px;"></div>

    </body>

</html>





More information about the use-livecode mailing list