teach how to use this in neobook

Questions and information about using VBScript and JavaScript in NeoBook functions

Moderator: Neosoft Support

Locked
yanzco
Posts: 192
Joined: Sun Jul 20, 2014 4:07 am

teach how to use this in neobook

Post by yanzco »

if you can do javascript in neobook..
how can i use stuffs like this in to neobook

http://www.jscharts.com/how-to-use-bar-charts

can someone guide steps which parts goes to functions... and how to use it inside neobook.. :)
User avatar
Gaev
Posts: 3782
Joined: Fri Apr 01, 2005 7:48 am
Location: Toronto, Canada
Contact:

Re: teach how to use this in neobook

Post by Gaev »

yanzco:
if you can do javascript in neobook..
how can i use stuffs like this in to neobook
Stuff like this is achieved by a combination of Javascript (calculations) AND HTML/CSS (display) ... NeoBook Functions ONLY do Javascript.

However, you can display charts in your NeoBook Application (pub) by exploiting the facilities offered via the Web Browser object. It is not trivial; you should at least be able to produce your charts in a native Browser (Chrome, Fireox, Internet Explorer/Edge) environment.

Then, it becomes a matter of ...

- having a template HTML/CSS embedded in your pub
- extracted to a local folder at Run time
- displayed within the Web Browser object
- and passed the variable data from your NeoBook side (either directly or via an external data file).
yanzco
Posts: 192
Joined: Sun Jul 20, 2014 4:07 am

Re: teach how to use this in neobook

Post by yanzco »

yes, exactly what i am trying to do..
using webbrowser.. then opening a javascript externally loading it...

i have one, using google maps.. opening it in javascript laods the google map at your given LAT LNG...

but, im having a hard time with other javascript..
usually there are libraries? i think it was named something like jscript? which they require to run your javascript in browser..

thats the part i need help.. how do i do that?
User avatar
Gaev
Posts: 3782
Joined: Fri Apr 01, 2005 7:48 am
Location: Toronto, Canada
Contact:

Re: teach how to use this in neobook

Post by Gaev »

yanzco:
but, im having a hard time with other javascript..
usually there are libraries? i think it was named something like jscript? which they require to run your javascript in browser..

thats the part i need help.. how do i do that?
Your .html file needs to reference the "libraries" the same way as it does in a "native Browser" environment.

You can ...

- directly access these files from publicly hosted websites (if provided)

- or embed/extract such files in your NeoBook Application (pub)

For your (specific) JS Charts facility, see this page ... http://www.jscharts.com/how-to-use ... for details of such a file.
User avatar
virger
Posts: 540
Joined: Mon Sep 18, 2006 12:21 pm
Location: Costa Rica, America Central

Re: teach how to use this in neobook

Post by virger »

Hasta hoy vi el foro, y te hice este ejemplo, Espero te ayude, debes bajar "jscharts.js", sacarlo del 'JSCharts3_demo.zip" lo tienes free en
Until today I saw the forum, and I did this example, I hope you help, you must download "jscharts.js", remove it from 'JSCharts3_demo.zip' you have it free in

http://www.jumpeyecomponents.com/my_acc ... _trial.htm

EL HTML

Code: Select all

<html>
<head>
<title>Mi 'Linea' Demo</title>

<script src="jscharts.js"></script>

</head>
<body>

<div id="linea" align="center"></div>

<script type="text/javascript">
	var myData = new Array(); 
	var myChart = new JSChart('linea', 'line');

	myChart.setTitle('NO HAY TITULO');
	myChart.setTitleFontSize(11);
	
	myChart.setAxisNameX('XXX');
	myChart.setAxisNameY('YYY');
	
	myChart.setAxisPaddingLeft(100);
	myChart.setAxisPaddingRight(120);

	myChart.setAxisPaddingTop(100);
	myChart.setAxisPaddingBottom(40);

	myChart.setAxisValuesNumberX(1);
	
	myChart.setAxisValuesNumberY(4);
	
	myChart.setGraphExtend(true);
	
	myChart.setLineWidth(6);
	myChart.setSize(820, 520);

	myData[0]= [2010,10];
</script>

</body>
</html>
EL NB CODE

Code: Select all

NBW Publication Source File
(C)2016 NeoSoft Corp.
Title=Untitled NeoBook Publication
Language=US
NeoBookVer=5,80
ScreenColors=16777216
ScreenWidth=900
ScreenHeight=700
BkndColor=0
ScreenAutoSize=Yes
LinkColor=16711680
WindowStyle=0
WindowOrder=0
WindowPos=0
WindowProps=31
BiDiMode=0
UseUpdateTimer=Yes
ReturnTime=60
SubroutineAction=:Kolor¶ifex "[Cual]<>SizeX AND [Cual]<>SizeY"¶    setvar "[Kolor[Cual]]" "'#[[self]]'"¶endif¶Return
ShapeTransColor=536870912
SplashProps=3
CompileType=0
MediaType=0
FilesIncluded=1
FontsIncluded=2
CopyExternalFiles=No
SetupMedia=3
SetupInstDir=C:\MyProgram
SetupTitle=Setup
SetupColors=16711680|0|65535
VersionMajor=1
VersionMinor=0
VersionRelease=0
VersionBuild=0
ReqExLevel=1
CustomFontName=Arial
CustomFontSize=9
CustomFontStyle=0
CustomCharset=1
CacheSize=30
ExtractOp=132
L_OK=OK
L_CANCEL=Cancel
L_YES=Yes
L_NO=No
L_CLOSE=Close
L_ERRORTITLE=Error
L_FINDTITLE=Find
L_FINDPROMPT=Find &What
L_FINDFIRST=&Find First
L_FINDNEXT=Find &Next
L_FINDERROR=Search text not found.
L_PWORDTITLE=Password required
L_PWORDMSG=Before continuing, you must first|enter the correct password.
L_PWORDPROMPT=&Password:
L_PWORDERROR=That's not the right password!
L_MEDIAERROR=In order to play this type of file you must install|the appropriate multimedia hardware and/or|software.
L_INTERNETERROR=Unable to locate Internet Browser software.
L_ABORTFUNCTION=Do you want to cancel this function?
L_EXTRACTERROR=This file could not be extracted and cannot be played.
L_INSTDIRPROMPT=Please enter the drive and directory where you would like this program to be installed. To accept the default drive and directory, simply press Enter.
L_INSTFOLDERPROMPT=Do you wish to create a program folder?
L_INSTRUNPROMPT=Do you want to run
L_INSTDISKPROMPT=Please insert disk #
L_INSTDISKERROR=That's not the correct disk, try again.
L_INSTGENERROR=The installation has terminated.
L_INSTEXITPROMPT=Do you really want to cancel the installation?
L_INSTWINTITLE=Setup
L_INSTPROGTITLE=Extracting Files...
L_SENDEMAIL=Sending Mail...
L_MAILSERVER=Please enter the name of your outgoing email server:
L_COPY=Copy to Clipboard
L_SELECTALL=Select All
L_DONWLOADFILE=Downloading: %s
L_PLEASEWAIT=Please wait...
TrayMenuBegin
MenuName=TrayOpen
MenuText=Open
MenuState=3
MenuKey=0
MenuAction=SetVar "[WindowState]" "Normal"
MenuName=TrayExit
MenuText=Exit
MenuState=3
MenuKey=0
MenuAction=Exit "" ""
MenuEnd
MasterPage
NewPage=Main
PageStyle=0
PageColor=16777215
PageGradient1=16711680
PageGradient2=255
PageGradientDir=1
WallpaperStyle=0
EffectSpeed=0
PgEnterAction=if "[Flg]" "<>" "*"¶    setvar "[NumData]" "3"¶    StrParse "000000,FF0000,00FF00,FFFF00,0000FF,00FFFF" "," "[K]" "[x]"¶    setvar "[K0]" "000000"¶    setvar "[FontSz]" "11"¶    setvar "[KolorAxis]"    "'#000000'"¶    setvar "[KolorGrid]"    "'#000000'"¶    setvar "[KolorValues]"  "'#000000'"¶    setvar "[KolorTitle]"   "'#000000'"¶    setvar "[KolorLines]"   "'#000000'"¶    setvar "[KolorBackground]" "'#FFFFFF'"¶    setvar "[KolorColorX]"   "'#000000'"¶    setvar "[KolorColorY]"   "'#000000'"¶    setvar "[Flg]" "*"¶endif
ObjectType=8
Name=Inf5
X=653
Y=291
W=130
H=30
Anchor=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
Text={\rtf1\ansi\deff0\deftab254{\fonttbl{\f0\fnil\fcharset1 Arial;}}{\colortbl\red0\green0\blue0;\red255\green0\blue0;\red0\green128\blue0;\red0\green0\blue255;\red255\green255\blue0;\red255\green0\blue255;\red128\green0\blue128;\red128\green0\blue0;\red0\green255\blue0;\red0\green255\blue255;\red0\green128\blue128;\red0\green0\blue128;\red255\green255\blue255;\red192\green192\blue192;\red128\green128\blue128;\red0\green0\blue0;\red0\green0\blue0;}\paperw12240\paperh15840\margl1440\margr1440\margt1440\margb1440\margh720\margf720{\*\pnseclvl1\pnucrm\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl2\pnucltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl3\pndec\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl4\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{)}}}¶{\*\pnseclvl5\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl6\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl7\pnlcrm\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl8\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl9\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶\endnhere\sectdefaultcl{\pard{\qc\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Color\tab Width}}¶}
HMargin=0
VMargin=0
LineColor=0
LineWidth=0
LineStyle=0
FillColor=15268064
FillPattern=1
TabOrder=22
ObjectType=8
Name=Inf1
X=33
Y=70
W=245
H=24
Anchor=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
Text={\rtf1\ansi\deff0\deftab254{\fonttbl{\f0\fnil\fcharset1 Arial;}}{\colortbl\red0\green0\blue0;\red255\green0\blue0;\red0\green128\blue0;\red0\green0\blue255;\red255\green255\blue0;\red255\green0\blue255;\red128\green0\blue128;\red128\green0\blue0;\red0\green255\blue0;\red0\green255\blue255;\red0\green128\blue128;\red0\green0\blue128;\red255\green255\blue255;\red192\green192\blue192;\red128\green128\blue128;\red0\green0\blue0;\red0\green0\blue0;}\paperw12240\paperh15840\margl1440\margr1440\margt1440\margb1440\margh720\margf720{\*\pnseclvl1\pnucrm\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl2\pnucltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl3\pndec\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl4\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{)}}}¶{\*\pnseclvl5\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl6\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl7\pnlcrm\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl8\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl9\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶\endnhere\sectdefaultcl{\pard{\ql\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Num Data\tab   Val 'X'\tab \tab Val 'Y'}}¶}
HMargin=0
VMargin=0
LineColor=0
LineWidth=0
LineStyle=0
FillColor=12632256
FillPattern=1
TabOrder=6
ObjectType=9
Name=EnW
X=575
Y=109
W=62
H=29
Anchor=0
Text=820
VarName=[w]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=13162744
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=8
ObjectType=9
Name=EnH
X=643
Y=109
W=62
H=29
Anchor=0
Text=520
VarName=[h]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=15268064
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=11
ObjectType=3
Name=BtStrParse
X=308
Y=91
W=110
H=30
Anchor=0
Text=StrParse
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=strparse "0`2005,85~1`2006,36~2`2007,32~3`2008,73~4`2009,54" "~" "[Dt]" "[NumDt]"¶¶setvar "[Set]" ""¶loop "1" "[NumDt]" "[Num]"¶    strparse "[Dt[Num]]" "`" "[DtAr]" "[x]"¶    setvar "[Set]" "[Set]myData[#91][DtAr1][#93] = [#91][DtAr2][#93];|"¶endloop¶setvar "[Sz]" "[NumDt]"¶gotopage "Web"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=9
ObjectType=3
Name=BtRandom
X=308
Y=124
W=110
H=30
Anchor=0
Text=Random
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=.[NumData]¶if "[NumData]" ">" "0"¶    setvar "[NumDt]" "[NumData]"¶else¶    setvar "[NumDt]" "10"¶endif¶¶setvar "[Yr]" "2006"¶¶setvar "[Set]" ""¶¶loop "0" "[NumDt]" "[Index]"¶    Random "89" "[Rnd]"¶    math "[Rnd]+5" "" "[Rnd]"¶    setvar "[Set]" "[Set]myData[#91][Index][#93] = [#91][Yr],[Rnd][#93];|"¶    math "[Yr]+1" "" "[Yr]"¶endloop¶¶.BrowserExecScript "Web" "[set]" "JScript"¶¶setvar "[Sz]" "[NumDt]+1"¶gotopage "Web"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=10
ObjectType=9
Name=EnNumData
X=44
Y=91
W=48
H=25
Anchor=0
VarName=[NumData]
Align=1
EditNumber=Yes
EditLen=2
ObjAction=if "[NumData]" ">" "50"¶    setvar "[NumData]" "50"¶endif¶¶if "[NumData]" ">" "0"¶    enableobject "EnDataX"¶    enableobject "EnDataY"¶else¶    disableobject "EnDataX"¶    disableobject "EnDataY"¶endif
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12644600
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=0
ObjectType=9
Name=EnDataX
X=104
Y=91
W=85
H=25
Anchor=0
VarName=[EnDataX]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=13162744
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=1
ObjectType=9
Name=EnDataY
X=192
Y=91
W=85
H=25
Anchor=0
VarName=[EnDataY]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=15268064
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=2
ObjectType=10
Name=LsData
X=45
Y=120
W=143
H=91
Anchor=0
Text=2000,12¶2001,56¶2002,32
VarName=[Data]
VarType=0
XPTheme=Yes
DblClick=ListBoxFindItem "LsData" "[Data]" "[Ps]"¶strparse "[Data]" "," "[Dt]" "[x]"¶setvar "[EnDataX]" "[Dt1]"¶setvar "[EnDataY]" "[Dt2]"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=16777215
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=12
ObjectType=3
Name=BtAccept
X=192
Y=120
W=85
H=27
Anchor=0
Text=Accept
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=if "[Ps]" "<" "0"¶.    ListBoxSize "LsData" "[Sz]"¶    If "[Sz]" "<=" "[NumData]"¶        ListBoxAddItem "LsData" "0" "[EnDataX],[EnDataY]"¶    endif¶else¶    ListBoxChangeItem "LsData" "[Ps]" "[EnDataX],[EnDataY]"¶endif¶¶setvar "[EnDataX]" ""¶setvar "[EnDataY]" ""¶Setvar "[Ps]"      ""¶ListBoxSize "LsData" "[Sz]"¶setvar "[NumData]" "[Sz]"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=3
ObjectType=3
Name=BtNewData
X=308
Y=159
W=110
H=30
Anchor=0
Text=New Data
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=ListBoxSize "LsData" "[Sz]"¶setvar "[Index]" "0"¶setvar "[Set]" ""¶loop "1" "[Sz]" "[Num]"¶    ListBoxGetItem "LsData" "[Num]" "[vData]"¶    setvar "[Set]" "[Set]myData[#91][Index][#93] = [#91][vData][#93];|"¶    math "[Index]+1" "" "[Index]"¶endloop¶¶gotopage "Web"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=7
ObjectType=8
Name=Inf2
X=583
Y=85
W=128
H=21
Anchor=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
Text={\rtf1\ansi\deff0\deftab254{\fonttbl{\f0\fnil\fcharset1 Arial;}}{\colortbl\red0\green0\blue0;\red255\green0\blue0;\red0\green128\blue0;\red0\green0\blue255;\red255\green255\blue0;\red255\green0\blue255;\red128\green0\blue128;\red128\green0\blue0;\red0\green255\blue0;\red0\green255\blue255;\red0\green128\blue128;\red0\green0\blue128;\red255\green255\blue255;\red192\green192\blue192;\red128\green128\blue128;\red0\green0\blue0;\red0\green0\blue0;}\paperw12240\paperh15840\margl1440\margr1440\margt1440\margb1440\margh720\margf720{\*\pnseclvl1\pnucrm\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl2\pnucltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl3\pndec\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl4\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{)}}}¶{\*\pnseclvl5\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl6\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl7\pnlcrm\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl8\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl9\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶\endnhere\sectdefaultcl{\pard{\ql\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Width\tab \tab Heigth}}¶}
HMargin=0
VMargin=0
LineColor=0
LineWidth=0
LineStyle=0
FillColor=12632256
FillPattern=1
TabOrder=14
ObjectType=7
Name=Line1
X1=555
Y1=41
X2=555
Y2=355
EndCaps=0
LineColor=0
LineWidth=4
LineStyle=0
FillColor=12632256
FillPattern=0
TabOrder=16
ObjectType=8
Name=Inf3
X=72
Y=239
W=93
H=100
Anchor=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
Text={\rtf1\ansi\deff0\deftab254{\fonttbl{\f0\fnil\fcharset1 Arial;}}{\colortbl\red0\green0\blue0;\red255\green0\blue0;\red0\green128\blue0;\red0\green0\blue255;\red255\green255\blue0;\red255\green0\blue255;\red128\green0\blue128;\red128\green0\blue0;\red0\green255\blue0;\red0\green255\blue255;\red0\green128\blue128;\red0\green0\blue128;\red255\green255\blue255;\red192\green192\blue192;\red128\green128\blue128;\red0\green0\blue0;\red0\green0\blue0;}\paperw12240\paperh15840\margl1440\margr1440\margt1440\margb1440\margh720\margf720{\*\pnseclvl1\pnucrm\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl2\pnucltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl3\pndec\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl4\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{)}}}¶{\*\pnseclvl5\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl6\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl7\pnlcrm\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl8\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl9\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶\endnhere\sectdefaultcl{\pard{\qr\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Title\par¶\qr\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0 \par¶\qr\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Eje 'X'\par¶\qr\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0 \par¶\qr\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Eje 'Y'}}¶}
HMargin=0
VMargin=0
LineColor=0
LineWidth=0
LineStyle=0
FillColor=12632256
FillPattern=1
TabOrder=18
ObjectType=9
Name=EntTitle
X=168
Y=238
W=315
H=25
Anchor=0
VarName=[Title]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12644600
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=19
ObjectType=9
Name=EnEjeX
X=168
Y=274
W=207
H=25
Anchor=0
VarName=[EjeX]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=13162744
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=20
ObjectType=9
Name=EnEjeY
X=168
Y=312
W=207
H=25
Anchor=0
VarName=[EjeY]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=15268064
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=21
ObjectType=11
Name=CbFontSz
X=721
Y=314
W=50
H=28
Anchor=0
Text=1¶2¶3¶4¶5¶6¶7¶8¶9¶10¶11¶12¶13¶14¶15¶16¶17¶18¶19¶20¶21¶22¶23¶24¶25¶26¶27¶28¶29¶30
VarName=[FontSz]
VarType=0
XPTheme=Yes
ObjAction=ifex "[Cual]=SizeX OR [Cual]=SizeY"¶    setvar "[[Cual]]" "[FontSz]"¶.setAxisNameFontSize¶endif
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12644600
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=23
ObjectType=3
Name=K1
X=664
Y=312
W=15
H=15
Anchor=0
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=gosub "Kolor"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=0
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=24
ObjectType=3
Name=K2
X=681
Y=312
W=15
H=15
Anchor=0
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=gosub "Kolor"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=255
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=25
ObjectType=3
Name=K3
X=699
Y=312
W=15
H=15
Anchor=0
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=gosub "Kolor"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=65280
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=26
ObjectType=3
Name=K4
X=664
Y=329
W=15
H=15
Anchor=0
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=gosub "Kolor"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=65535
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=28
ObjectType=3
Name=K5
X=681
Y=329
W=15
H=15
Anchor=0
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=gosub "Kolor"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=16711680
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=30
ObjectType=3
Name=K6
X=699
Y=329
W=15
H=15
Anchor=0
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=gosub "Kolor"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=16776960
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=27
ObjectType=3
Name=K0
X=663
Y=345
W=52
H=19
Anchor=0
Text=Default
Align=2
ImageStyle=0
BevelWidth=0
ObjAction=if "[cual]" "=" "Background"¶    setvar "[KolorBackground]" "'#FFFFFF'"¶else¶    gosub "Kolor"¶endif
LineColor=0
LineWidth=1
LineStyle=0
FillColor=16777215
FillPattern=0
Font=Arial
FontSize=10
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=29
ObjectType=11
Name=CbCual
X=653
Y=262
W=130
H=30
Anchor=0
Text=Axis¶Background¶ColorX¶ColorY¶Grid¶Lines¶SizeX¶SizeY¶Title¶Values
VarName=[Cual]
VarType=0
ObjAction=setvar "[FontSz]" "9999"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=7923960
FillPattern=0
Font=Arial
FontSize=14
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=31
ObjectType=8
Name=Inf6
X=241
Y=411
W=128
H=101
Anchor=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
Text={\rtf1\ansi\deff0\deftab254{\fonttbl{\f0\fnil\fcharset1 Arial;}}{\colortbl\red0\green0\blue0;\red255\green0\blue0;\red0\green128\blue0;\red0\green0\blue255;\red255\green255\blue0;\red255\green0\blue255;\red128\green0\blue128;\red128\green0\blue0;\red0\green255\blue0;\red0\green255\blue255;\red0\green128\blue128;\red0\green0\blue128;\red255\green255\blue255;\red192\green192\blue192;\red128\green128\blue128;\red0\green0\blue0;\red0\green0\blue0;}\paperw12240\paperh15840\margl1440\margr1440\margt1440\margb1440\margh720\margf720{\*\pnseclvl1\pnucrm\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl2\pnucltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl3\pndec\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{.}}}¶{\*\pnseclvl4\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb}{\pntxta{)}}}¶{\*\pnseclvl5\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl6\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl7\pnlcrm\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl8\pnlcltr\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶{\*\pnseclvl9\pndec\pnstart1\pnhang\pnindent720{\pntxtb{(}}{\pntxta{)}}}¶\endnhere\sectdefaultcl{\pard{\qc\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i Axis Points\par¶\qc\li0\fi0\ri0\sb0\sl\sa0 \plain\f0\fs24\cf0\b\i 'X'\tab \tab \tab 'Y'}}¶}
HMargin=0
VMargin=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=1
TabOrder=13
ObjectType=9
Name=EnPtX
X=245
Y=451
W=58
H=29
Anchor=0
VarName=[PtX]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=13162744
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=32
ObjectType=9
Name=EnPtY
X=309
Y=451
W=58
H=29
Anchor=0
VarName=[PtY]
Align=1
EditLen=0
LineColor=0
LineWidth=1
LineStyle=0
FillColor=15268064
FillPattern=0
Font=Arial
FontSize=12
FontStyle=3
FontCharset=1
TextColor=0
TabOrder=33
ObjectType=7
Name=Line2
X1=157
Y1=221
X2=731
Y2=219
EndCaps=0
LineColor=0
LineWidth=4
LineStyle=0
FillColor=12632256
FillPattern=0
TabOrder=17
ObjectType=7
Name=Line3
X1=85
Y1=381
X2=659
Y2=379
EndCaps=0
LineColor=0
LineWidth=4
LineStyle=0
FillColor=12632256
FillPattern=0
TabOrder=15
ObjectType=3
Name=BtReset
X=269
Y=482
W=74
H=25
Anchor=0
Text=Reset
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=setvar "[PtX]" ""¶setvar "[PtY]" ""
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=5
NewPage=Web
PageStyle=0
PageColor=16777215
PageGradient1=16711680
PageGradient2=255
PageGradientDir=1
WallpaperStyle=0
EffectSpeed=0
PgEnterAction=if "[Set]" "<>" ""¶    BrowserExecScript "Web" "myData = [#91][#93];" "JScript"¶    BrowserExecScript "Web" "[set];|myChart.setDataArray(myData);|sz = myData.length;|myChart.setAxisValuesNumberX(sz);" "JScript"¶endif¶¶¶BrowserExecScript "Web" "myChart.setDataArray(myData, 'first line');|myChart.setLineColor('#ff0f0f', 'first line');||myChart.setTooltip([#91]15, 'My Tooltip', 'first line'[#93]);" "JScript"¶¶¶if "[PtX]" ">" "0"¶    BrowserExecScript "Web" "myChart.setAxisValuesNumberX([PtX]);" "JScript"¶endif¶¶if "[PtY]" ">" "0"¶    BrowserExecScript "Web" "myChart.setAxisValuesNumberY([PtY]);" "JScript"¶endif¶¶if "[SizeX]" "<>" ""¶    BrowserExecScript "Web" "myChart.setAxisNameFontSizeX([SizeX]);" "JScript"¶endif¶¶if "[SizeY]" "<>" ""¶    BrowserExecScript "Web" "myChart.setAxisNameFontSizeY([SizeY]);" "JScript"¶endif¶¶if "[Title]" "<>" ""¶    BrowserExecScript "Web" "myChart.setTitle('[Title]');" "JScript"¶endif¶¶if "[EjeX]" "<>" ""¶    BrowserExecScript "Web" "myChart.setAxisNameX('[EjeX]');|" "JScript"¶endif¶¶if "[EjeY]" "<>" ""¶    BrowserExecScript "Web" "myChart.setAxisNameY('[EjeY]');" "JScript"¶endif¶¶ifex "[w]<>820 OR [h]<>620"¶    BrowserExecScript "Web" "myChart.setSize([w], [h]);" "JScript"¶endif¶¶if "[FontSz]" "<>" "11"¶    BrowserExecScript "Web" "	myChart.setTitleFontSize([FontSz]);" "JScript"¶endif¶¶:ColorX¶.setAxisNameColorY(string hexcolor)¶BrowserExecScript "Web" "myChart.setAxisNameColorX([KolorColorX]);|" "JScript"¶¶:ColorY¶.:setAxisNameColorY(string hexcolor)¶BrowserExecScript "Web" "myChart.setAxisNameColorY([KolorColorY]);|" "JScript"¶¶:Background¶    BrowserExecScript "Web" "myChart.setBackgroundColor([KolorBackground]);|" "JScript"¶¶:Lines¶    BrowserExecScript "Web" "myChart.setLineColor([KolorLines]);" "JScript"¶¶:Title¶    BrowserExecScript "Web" "myChart.setTitleColor([KolorTitle]);" "JScript"¶¶:Ejes¶    BrowserExecScript "Web" "myChart.setAxisColor([KolorAxis]);" "JScript"¶¶:Grid¶    BrowserExecScript "Web" "myChart.setGridColor([KolorGrid]);" "JScript"¶¶:Values¶    BrowserExecScript "Web" "myChart.setAxisValuesColor([KolorValues]);" "JScript"¶¶¶¶BrowserExecScript "Web" "myChart.draw();" "JScript"¶¶¶.:Ok¶.BrowserExecScript "Web" "var myData = new Array([#91]10, 20[#93], [#91]15, 10[#93], [#91]20, 30[#93], [#91]25, 10[#93], [#91]30, 5[#93]);|var myData2 = new Array([#91]10, 10[#93], [#91]15, 5[#93], [#91]25, 25[#93], [#91]30, 20[#93]);|//var myChart = new JSChart('chartcontainer', 'line');|var myChart = new JSChart('linea', 'line');|myChart.setDataArray(myData, 'first line');|myChart.setDataArray(myData2, 'second line');|myChart.setBackgroundColor('#efe');|myChart.setAxisNameX('Custom X Axis Name');|myChart.setAxisNameY('Y Axis');|myChart.setLineColor('#ff0f0f', 'first line');|myChart.setLineWidth(5, 'second line');|myChart.setSize(500, 400);|myChart.setTitle('My Chart Title');|myChart.setTitleColor('#5555AA');|myChart.setTitleFontSize(10);|myChart.setTooltip([#91]15, 'My Tooltip', 'first line'[#93]);|myChart.draw();" "JScript"
ObjectType=14
Name=Web
X=0
Y=0
W=900
H=700
Anchor=1
FileName=C:\LocalServer\www\GdoSan\Charts\examples\index.html
VarName=[WebStatus]
TitleVarName=[WebTitle]
URLVarName=[WebAddr]
Font=Arial
FontSize=10
FontStyle=0
FontCharset=1
TextColor=0
ContextMenu=No
SilentMode=Yes
ShowStatusBar=Yes
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=10
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=1
ObjectType=3
Name=BtBack
X=695
Y=599
W=117
H=36
Anchor=0
Text=Back
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=gotopage "Main"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=4
ObjectType=3
Name=BtOther
X=563
Y=599
W=117
H=36
Anchor=0
Text=2 Lines
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=BrowserExecScript "Web" "var myData = new Array([#91]10, 20[#93], [#91]15, 10[#93], [#91]20, 30[#93], [#91]25, 10[#93], [#91]30, 5[#93]);|var myData2 = new Array([#91]10, 10[#93], [#91]15, 5[#93], [#91]25, 25[#93], [#91]15, 20[#93]);|var myChart = new JSChart('linea', 'line');|myChart.setDataArray(myData, 'first');|myChart.setDataArray(myData2, 'second');|myChart.setBackgroundColor('#efe');|myChart.setAxisNameX('El Eje De Las X');|myChart.setAxisNameY('Eje Y');|myChart.setLineColor('#ff0f0f', 'first');|myChart.setLineWidth(5, 'second');|myChart.setSize(500, 400);|myChart.setTitle('Otro Ejemlo');|myChart.setTitleColor('#5555AA');|myChart.setTitleFontSize(10);|myChart.setTooltip([#91]15, 'El Dato=15', 'first'[#93]);|myChart.draw();" "JScript"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=3
ObjectType=3
Name=PushButton21
X=442
Y=599
W=117
H=36
Anchor=0
Text=Bar
Align=2
ImageStyle=0
XPTheme=Yes
ObjAction=BrowserExecScript "Web" "var myData = new Array([#91]'dT_1', 20, 5[#93], [#91]'dT_2', 10, 30[#93], [#91]'dT_3',|30, 20[#93], [#91]'dT_4', 10, 15[#93], [#91]'dT_5', 5, 10[#93]);|var myChart = new JSChart('linea', 'bar');|myChart.setDataArray(myData);|myChart.setBackgroundColor('#efe');|myChart.setBarColor('#ff0f0f', 1);|myChart.setBarColor('#0fff0f', 2);|myChart.setSize(500, 400);|myChart.setTitle('Una BARRA');|myChart.setTitleColor('#5555AA');|myChart.setTitleFontSize(10);|myChart.draw();" "JScript"
LineColor=0
LineWidth=1
LineStyle=0
FillColor=12632256
FillPattern=0
Font=Arial
FontSize=12
FontStyle=0
FontCharset=1
TextColor=0
TabOrder=2
COSTA RICA
PURA VIDA
Locked