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> _______________________________________________ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
