legacydocs.chartiq.comChartIQ SDK Legacy Documentation - Index

ChartIQ SDK Legacy Documentation - Namespaces STX STX.Comparison STX.DialogManager STX.I18N STX.Market.Symbology STX.MenuManager STX.StorageManager STX.Studies STX.ThemeManager STX.TimeZoneWidget STXChart.AdvancedInjectable Classes Barchart STX.Account STX.Drawing STX.Drawing.annotation STX.Drawing.BaseTwoPoint STX.Drawing.callout STX.Drawing.channel STX.Drawing.continuous STX.Drawing.ellipse STX.Drawing.fibarc STX.Drawing.fibfan STX.Drawing.fibonacci STX.Drawing.fibtimezone STX.Drawing.freeform STX.Drawing.gartley STX.Drawing.horizontal STX.Drawing.line STX.Drawing.measure STX.Drawing.pitchfork STX.Drawing.ray STX.Drawing.rectangle STX.Drawing.retracement STX.Drawing.segment STX.Drawing.shape STX.Drawing.vertical STX.DrawingToolbar STX.EaseMachine STX.ExtendedHours STX.LookupWidget STX.Marker STX.Marker.AboveCandle STX.Marker.NodeCreator STX.Marker.Simple STX.Market STX.Market.Iterator STX.Plotter STX.QuoteFeed STX.QuoteFeed.Demo STX.QuoteFeed.Subscriptions STX.Quotes STX.Renderer STX.Renderer.Heatmap STX.Renderer.Histogram STX.Renderer.Lines STX.Renderer.Shading STX.Studies.DialogHelper STX.TFC STX.Tooltip STX.Views STX.Watch STXChart STXChart.Chart STXChart.Panel STXChart.XAxis STXChart.XAxisLabel STXChart.YAxis STXSocial STXSocial.Decoration Xignite Tutorials Adding additional content on chart Adding custom data to dataSet Animation Loop outline AutoChartist Onboarding Changelog Chart Sharing Chart Types and Styles ChartIQ HTML5 Charts For Java Click interaction Common mistakes Controlling borders on volume display Custom Color Themes Custom Drawing Menu and Colors Custom Drawing Tools Custom Heads-Up-Display (HUD) Custom X-axis Customization Basics Data Loading Flipping the chart Gridlines and axis labels IE 8 Compatibility and Requirements Importing and exporting chart layouts in chartiq template Importing and exporting chart layouts Importing and exporting user data Integrating Third Party Data Feeds Integration with other applications Internationalization -- How to guide Library Overview Library Tutorials Managing Chart Zoom and Range Markers Market Hours and the Charts Matching colors across studies Overview - Getting and Installing the Library Popular API injections Renderers SDK API Reference Scrollbars on chart window Series and Comparisons Studies Symbol Lookup widget TimeZones and Time Conversion Trade From Chart - FOREX Trade From Chart introduction Turning off price bubbles on the y-axis Understanding Chart Dimensions User Interface Using ChartIQ Within a Framework Web Components When a study is removed requirejs Global $$ $$$ Externals CanvasRenderingContext2D -- SDK API Reference Tutorials Latest Release Information -- The ChartIQ Library: A Developer Overview Introduction A developer overview of the library is provided below; however, it's worth first clarifying some of the benefits of using our specific library. Why Use Our Library Financial charting for time series data is difficult and time consuming. It isn't practical for most development teams to build charting from the ground up. Furthermore, a "standards based" solution that runs across multiple platforms, browsers, and devices adds additional layers of complexity. Our library provides this level of sophistication. Develop with confidence, knowing that as your application grows, our charts and our company will be there to support you. What Makes Our Library Distinct The library provides developers and web designers with a complete HTML 5 stock-charting solution. This means it is now easier than ever to develop charts for a web site or web application that can be deployed on both desktop and mobile devices. The library is touch aware, allowing mobile users on tablets or smart phones to access all of the charting features. Built-in features include interactive chart navigation, drawing tools, and a full suite of technical indicators. No external libraries are required to utilize the SDK although you may of course use any third party library to build your own code (jquery, Bootstrap, Angular, etc). The library is a professional grade SDK that can be used to build both basic financial charts as well as advanced financial charts such as those found in professional workstations. The SDK is extensive and provides both high level convenience functions as well as low level access to core functionality. Finally, we are here to help. Really! Consider our support desk to be your resource. We will provide sample code to solve your problem. If you are stuck, send us a link and we'll debug it for you. Need advice or industry insight? Just ask! Any and all help is available at dev@chartiq.com . We're Our Own First Customer Although we aim to place our customers' needs first, it's helpful to have a common perspective and goal. At ChartIQ, our own teams depend on the library for building web-based finanical applications. For example, our own technical analysis platform Technician is built using our own charting library. Charts are also central to our FX trading platform WebTrader . Why Not Freeware or Mid-Range Charting Solutions When it come to basic or general charting, an open-source or "lite" charting solution can be adequate. There are many to choose from. However, freeware won't come close to providing a professional-grade solution for financial charting. Even in the domain of commercial charting packages, no other solution truly competes with the ChartIQ library for time series data. The visualization of time series data is our forte. For a Quick Look Try it Out Here's a demo showing some of what the charting library can do. Click around in the menus to explore the range of capabilities. How to interact with a chart's interface (e.g. zooming, panning, drawing) is explained in the User Interface tutorial. Play With the Code You'll want to read the section below on "The Basics" before going too far, but we've put the library with sample code on JSFiddle so anyone can experiment with it. Browse through the Documentation. The top menus on this page provide quick entry into the library's documentation: API, Tutorials, and the Lastest Release Information. We'll Help You Quickly Integrate Complete Examples Provided When you download our library, we provide you with several complete examples (i.e. HTML5 + CSS3 + JavaScript) to help you get started. You can use these as coding templates to begin from, customizing from there to match your needs. Tutorials We provide Library Tutorials with code snippets for using different parts of the API. For example, here are tutorials for Custom Drawing Menu and Colors and Custom Drawing Tools . JSFiddle Examples As already mentioned, we also provide example code on JSFiddle that can be experimented with. Cut and paste into your own code! Connecting to Your Data Your first step is integrating your own market data into our charting library. We have several tutorials to help you integrate easily and quickly, whether it be by pushing data into charts, pulling it, or streaming it. The topic is introduced below under Integrating Data into Charts . For more thorough coverage see Data Loading along with Adding custom data to dataSet and Integrating Third Party Data Feeds . The JSFiddles examples also provide example code for integrating your own data. Getting the Library If you'd like to try out the library, send us an email at info@chartiq.com . We'll send you a zip file of the complete library. Installing the Library Unzip all the files and install into your web server. (We recommend also making a copy of your library for safe-keeping and reference.) In the root directory, open chartiq.html in a browser. A sample chart should immediately appear. If a chart does not appear then a problem exists with one of the library components. Most likely it is running on an unauthorized domain. Open a browser debugger window (F12 on Internet Explorer, Firebug, Chrome or Safari development tools) and check the console for any errors. Email us at dev@chartiq.com for support. A...