android折线图ichartjs的动态加载数据

<svg style="display: none;">
 <path d="M5,0 0,2.5 5,5z" id="raphael-marker-block" stroke-linecap="round" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
 </svg>
 之间给大家分享过一个html写的折线图，再将折线图利用webview放在手机中，原来的那个折线图中的x轴坐标在html中已经被写死，这样就带来了操作的不变，代码的灵活性也随之降低。比如，我需要查看今天的温度，可是现在是晚上7点，今天还没有过完，那么问题来了，怎么才能动态的加载这些图的数据呢？ 
经过查找资料和网上的研究，现在再来和大家分享一下。 
做出来的效果和上一篇是一样的，只不过这个是动态的加载数据。 
我们先需要一个折线图的数据类，就叫它ChartData类吧，在这个类中，定义了折线图折线的名字，x坐标所对应的值和折线的颜色。来看下代码：

<pre class="blockcode"><code class="hljs cs">public class ChartData {

String name;
double[] values;
String color;

public void setName(String name) {
 this.name = name;
}

public String getName() {
 return name;
}

public void setValues(double[] values) {
 this.values = values;
}

public double[] getValues() {
 return values;
}

public void setColor(String color) {
 this.color = color;
}

public String getColor() {
 return color;
}

}</code></pre>

还需要一个类，用来设置折线图的标题，长度和宽度，当然啦，两个类合在一起也是可以的。代码如下：

<pre class="blockcode"><code class="hljs cs">public class ChartParameter {

String title;
int width, height;

public void setTitle(String title) {
 this.title = title;
}

public String getTitle() {
 return title;
}

public void setWidth(int width) {
 this.width = width;
}

public int getWidth() {
 return width;
}

public void setHeight(int height) {
 this.height = height;
}

public int getHeight() {
 return height;
}

}</code></pre>

还需要一个类用于将数据变成json数组，然后跟html进行交互。

<pre class="blockcode"><code class="hljs cs">public class JsonPram {

public static String PackagePostData(Vector<ChartData> chartdata) {
 JSONArray root = new JSONArray();
 try{
 for(int i = 0; i < chartdata.size(); i++) {
 JSONObject temp = new JSONObject();
 temp.put("name", chartdata.get(i).getName());
 temp.put("value", chartdata.get(i).getValues());
 temp.put("color", chartdata.get(i).getColor());
 root.put(temp);
 System.out.println(t

android折线图ichartjs的动态加载数据

浏览过的版块