Shulou(Shulou.com)06/02 Report--

This article introduces the knowledge of "how to use F2 Mobile Chart on O2OA". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

F2 is a visualization solution focused on mobile, out of the box, perfect support for H5 environment while compatible with a variety of environments (Node, Mini Program, Weex), complete graphics grammar theory, to meet your visualization needs, professional mobile design guidelines to bring you the best mobile chart experience.

Cdn.nlark.com/yuque/0/2020/png/686683/1591754374183-c92a07ed-a81f-4b47-8608-1c7bc6281bbd.pngLimex

Sample use of F2 on O2OA

This.define ("init", function () {var action = this.Actions.load ("x_processplatform_assemble_bam"); o2.load (".. / o2_lib/antv/f2.js", function () {action.StateAction.summary (function (json) {var summaryData = json.data) Const data = [{genre:'to do', sold: summaryData.taskCount}, {genre: 'done', sold: summaryData.taskCompletedCount}, {genre: 'pending', sold: summaryData.readCount}, {genre: 'read', sold: summaryData.readCompletedCount}] / / Step 1: create Chart object const chart = new F2.Chart ({id: 'myChart1', pixelRatio: window.devicePixelRatio / / specify resolution}); / / Step 2: load data source chart.source (data) / / Step 3: create the syntax of the graph, draw a bar chart, the position of the graph is determined by the attributes of genre and sold, genre is mapped to the x-axis, and sold is mapped to the y-axis chart.interval (). Position ('genre*sold'). Color (' genre'); / / Step 4: render chart chart.render ();} .bind (this), null,false) } .bind (this);}); this.init (); "how to use F2 Mobile Chart on O2OA" ends here. Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.