qq_18875541的博客

【若要转载  请标明出处  http://raising.iteye.com/blog/2214779】 最近要求做前台的一些东西，用到了Highcharts。。其实在Highcharts中文网上有相应的演示demo，一般你所需要的图的样式都可以找到。难点在于实际开发中，需要的数据往往是要结合后台请求并响应的数据的。附Highcharts中文网：http://www.hcharts

在使用Highcharts的过程中，你一定想过“美化”Highcharts，也就是社交网站常见的换“皮肤主题“。下面就用一个小的demo来看一看如何自定义一套”皮肤“并且把它应用起来，顺便巩固一下Highcharts一些常用属性的定义。这里的”皮肤“可不是css，而是js。如：//用于定义皮肤//自定义皮肤var my_skin = { //颜色数组，默认从数组第一个

HIghcharts是很强大的图表绘制插件，它是基于纯js绘制的。当然地，对于图表也会有很多操作了。下面就我工作时遇到的一些比较常见的highcharts的操作进行小结，不是很完整。 1）绘制Highcharts图形：语法其实很「jquery」，只需$("#divId").highcharts(options);其中options为一个{ }结构，包含各种选项，这些选项是典型的json

highcharts的堆栈面积图适用于一组对象对同一个指标在一段时间范围内进行走势的展示，同时，在每个时间点可以同时显示出每个对象在这个时间点的值，一目了然。官网上的是这样的： 实际情况中，需要结合后台查询出数据再填充，难点在于数据结构的拼装。而且有时候还不止一个指标，你可能被要求得出若干个指标在这组对象的这段时间的值。 下面，我就来模拟一种情景：假设有app1,app2, a

其实做了这么久的highcharts，感觉上手并不太难，难点在于实际应用中，如何动态地拼装出数据结构才是最关键的。最近做了一个混合图，包含两个Y轴，还涉及到对后台数据的结合。首先，画一个空的“架子”：Highcharts.setOptions(dark_comm); $("#chart").highcharts({

最近需要给highcharts的饼图添加数据，用到以下语法：pieChart.addSeries({ type:'pie', name:'数量分布', data:countData}); 其中，pieChart为一个highcharts对象。countData的组成如下：var countList = data.list;//ajax获得的