具有多色区域绘制折线图的 android 和 iOS 图形答案

【问题标题】：Graph for android and iOS with multi colour area plotting line graph具有多色区域绘制折线图的 android 和 iOS 图形
【发布时间】：2018-09-26 23:45:08
【问题描述】：

我需要一个多色的线/面积图，如下图所示。有没有图形库之类的？安卓和iOS我都需要。

这是图表的示例图像

或者是否有任何简单的库，我可以对其进行编辑和修改？？？

【问题讨论】：

你用什么做iso和android开发？
需要是发明之母。发明一些东西。
@Rohit5k2 有没有简单的库，我可以编辑和修改？？？
github.com/danielgindi/Charts 对于 iOS 和对于 android 它是 github.com/PhilJay/MPAndroidChart 这可能对您有所帮助....尝试仅提取您的项目所需的代码并使用......它有点有点棘手，但最终会节省您的时间.......
要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是无关紧要的，因为它们往往会吸引固执己见的答案和垃圾邮件

标签： android ios plot graph area

【解决方案1】：

您可以使用highcharts.com 演示创建具有多种样式的自定义图表，

1)。选择要添加到图表中的任何演示

2)。点击在 JSFIDDLE 中编辑按钮

然后在线编辑器打开，在该页面上有 2 个编辑器，一个是 HTML，一个是 JavaScript 编辑器

复制这两个数据并以 HTML 格式排列，并将您的动态字符串转换后的数据放在它之间，并在 webView 中打印它

[注意：你必须有互联网连接，并使用WebView加载HTML数据]

例子：

我编辑示例的链接

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/line-log-axis/

Android Studio 代码

webView = (WebView) view.findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadData(getHtmlUrl(), "text/html", "UTF-8");

函数getHtmlUrl()

public String getHtmlUrl() {
        htmlUrl = "<html>" +
                "<head>" +
                "<script src=\"https://code.highcharts.com/highcharts.js\"></script>" +
                "<script src=\"https://code.highcharts.com/modules/exporting.js\"></script>" +
                "<script src=\"https://code.highcharts.com/modules/export-data.js\"></script>" +
                "" +
                "<div id=\"container\" style=\"min-width: 310px; height: 400px; margin: 0 auto\"></div>" +
                "</head>" +
                "<body>" +
                "Highcharts.chart('container', {" +
                "" +
                "    title: {" +
                "        text: 'Logarithmic axis demo'" +
                "    }," +
                "" +
                "    xAxis: {" +
                "        tickInterval: 1" +
                "    }," +
                "" +
                "    yAxis: {" +
                "        type: 'logarithmic'," +
                "        minorTickInterval: 0.1" +
                "    }," +
                "" +
                "    tooltip: {" +
                "        headerFormat: '<b>{series.name}</b><br />'," +
                "        pointFormat: 'x = {point.x}, y = {point.y}'" +
                "    }," +
                "" +
                "    series: [{" +
                "        data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512]," +
                "        pointStart: 1" +
                "    }]" +
                "});" +
                "</body>" +
                "</html>";
        Log.d("htmlUrl", htmlUrl);
        return htmlUrl;
    }

[注意：此示例仅适用于android，您也可以在IOS上使用。]

【讨论】：

【解决方案2】：

你可以使用 HighCharts。它是这些行业收益companies using HighCharts 目前使用的一个非常有用的库。此外，它的 SDK 可用于 android 和 iOS。您可以在下面找到有用的参考资料：

Highcharts android sdk

Highcharts android code sample

Highcharts iOS sdk

Highcharts iOS code samples

【讨论】：