Tweet for a 5% Discount. Tell your friends on Twitter about our JavaScript Charts and immediately get a free 5% coupon to use with your purchase of our Charts Suite.
| Product options | Basic | Premium | Supreme |
|---|---|---|---|
| Gauges + | Yes | ||
| +Bar charts | Yes | Yes | Yes |
| +Column charts | Yes | Yes | |
| +Line charts | Yes | Yes | Yes |
| +Scatter charts | Yes | Yes | |
| +Pie charts | Yes | Yes | Yes |
Need custom integration? Hire us. We live and breathe awesome.
Every day respected brands rely on us. From new businesses to Fortune 500s and every thing in-between. All satisfied customers:
I highly recommend TechOctave's JavaScript Charts. Simple licensing. Clean code. Easy to get started with a powerful API when you need it. TechOctave just gets it. - Aaron Reis, Co-Founder & CTO, Summit
Part of my job is setting the right foundation for success. With TechOctave's JavaScript Charts, we're mobile ready and cross-browser compatible from day one. Beautiful charts with clean code and great support. We made the right move! - Edward Stevens, Sr. Architect, Southwest Airlines
Both beautiful and functional. The only thing that comes close to TechOctave's JavaScript Charts is its Dashboard Gauge Suite. Both are based on Raphael - SVG & VML(IE7+). They just work in every browser, so I can focus on my application. - Pratik Suresh, Tech Lead, Sr. Developer, CA
It's your data that gives you direction. So make it both meaningful and fun.
With our charts you can clearly present where you are and start seeing where you want to be. Our JavaScript Charts are beautiful and smart:
Pie Charts: Pie charts are circular charts subdivided into pie slices. Pie charts are used to illustrate the size relationship between each pie slice and the whole pie. Our charts include the Pie Chart, Donut Chart and Spie Chart:
Bar Charts: Bar charts show the changes in a data series over time and can be used to compare one or more categories of data. Stacked bar charts compare the value that each data point contributes to a total across categories. For example, a single bar can represent the amount of sales for one product on top of a bar representing sales for another product. Our charts include the Bar Chart and Stacked Bar Chart:
Column Charts: Column charts are vertical bar charts. Like bar charts, they can be used to compare one or more categories of data. Stacked column charts compare the value that each data point contributes to a total across categories. Our charts include the Column Chart and Stacked Column Chart:
Line Charts: Line charts display information as a series of data points connected by straight line segments. Line charts create a simple way to show the changes in value between categories of data. Our charts include the Line Chart and Area Chart:
Scatter Charts: Scatter charts are used to show the relationship between two variables. The relationship is displayed as a collection of points using Cartesian coordinates. Our charts include a Scatter Chart:
Cross browser and cross platform. We believe in standards-based development and we believe you can get there without Flash or any other proprietary platform.
That's why we use standards-based SVG, VML and JavaScript. No Flash means longer battery life. No Flash means our charts are mobile friendly - Think iPad & iPhone. It's the right move!
We've tested on both Windows and Mac OS X in every major browser. Including: IE7 and IE8, Firefox, Chrome, Safari and even Opera. You focus on coding your business logic. We've got you covered in the browser department.
Everything a sophisticated developer needs. Beautiful object oriented code. You already know JavaScript, so implementation is a breeze. You will find JavaScript, jQuery & Raphael best practices with easily extensible Chart classes and smart default options. Check out this Area Line Chart:
var sales = new LineChart("sales", { data: [ [1000, 400], [1170, 460], [660, 1120], [1030, 540] ], area: true, legendTitle: "Yearly Sales", legendLabels: ["Gauges", "Charts"], groupLabels: ["2008", "2009", "2010", "2011"], lineColors: ["#ff0000", "#2143ff"], majorTicks: 7 });
. . .
<div id="sales"></div>
Is it really that easy? Yes it is my friend. Yes it is.
Most of the time you'll need to feed data to your charts from a remote server. Let's say you want to get the latest stock quote for Lockheed Martin:
$.getJSON(url, function(response) { var finance = response.query.results.xml_api_reply.finance; var avg_volume = finance.avg_volume["data"]; var market_cap = finance.market_cap["data"]; var data = [[avg_volume],[market_cap]]; sales.setData(data); });
Here, I used jQuery to make an Ajax call to the Google Finance API. What this means is you can update each chart without refreshing the page. You'll be able to do this with every chart in our suite. Think of the possibilities!
Smart and intuitive API design. Each purchase includes sample projects with tons of examples on how to use our chart's API. This includes a live example of how to feed data to our charts from a remote server using Ajax.
For an advanced discussion on client-side polling techniques, see Long Polling with JavaScript and jQuery on the TechOctave blog. There we discuss various options for feeding data to our charts from a remote server.
We built our charts to help you meet your goals. This is why we offer one year of guaranteed support with your purchase to make sure that happens.
Have a few questions or just need to chat - contact sales@techoctave.com or give us a call at +1 (614) 398-1220. We are here to help you succeed and experience a return on your investment!