长盈精密股票（长盈精密股票实时行情）

如何用CAD批量导入坐标画线？

ixigua/i6899791401244951048/

一：导入数据生成k线

导读：echarts是一个依据JavaScript的开源可视化图表库，里边包括许多常用且漂亮的统计图表。

echarts是一个依据JavaScript的开源可视化图表库，里边包括许多常用且漂亮的统计图表。可是由于大部分产品司理不太懂代码，导致他们在画原型图的时分，不能直接运用该东西，就算会代码，运用起来也不太便利。所以

原型地址：gb6zh9.axshare/#g=1

制造的原理是经过js调用echart的图表，然后在经过中继器修正替换对应的文字，完结今后再次运用时，仅需求在中继器表格中修正数据主动生成图表的作用。

首要咱们要调查一下echart饼图的代码

上图左面是代码，右边是代码完结的作用，左面赤色方框内的便是数据内容，也便是咱们需求用中继器替换的文本。

其他的作用，例如有标有没有tooltrip、legend等能够自己设置，也能够默许不改动

中继器只用于记载数据和逻辑交互，并不用于显现所以咱们能够把中继器内部自带的矩形删去，或许躲藏中继器。

中继器表格设置：只需求两列xAxis（项目）和yAxis（项目对应的详细数据），如下图所示填写，实践运用时依据实践数据填写，自在添加或删去行都能够。

咱们设置一个矩形命名为code，后续会将代码导入到矩形内，一起该矩形也是用于显现图表，能够调整该矩形的巨细来操控图表的巨细。

默许躲藏，默许值为空值，只用于记载中继器数据

由于中继器的数据是一行一行加载的，所以咱们要经过设置文本的交互，将一切数据记载在文本标签里边。咱们想调查代码中红框的文本：{value:1048,name:‘搜索引擎’}

Item.yAxis：详细的数据，咱们替换掉1048,

Item.xAxis:项目名称，咱们替换掉搜索引擎

target.text：保存前面的数据

这样咱们就把数据存入到文本标签里边了。

这儿咱们经过js让矩形变成echart的载体，详细有以下的交互

等候：咱们需求等候中继器每项加载完结之后才干履行交互，这儿等来0.01秒即可。

翻开链接：在当前窗口链接到URL或许文件途径，在里边输入一下代码，总共有3段代码，榜首三端代码是调用echart的代码。

榜首段代码如下图所示：

script.src这个是js的地址，这儿要打开介绍一下，假如能够衔接外网的话，直接在echarts的官网找一下在线的js地址替换掉，这样就能够直接在预览的时分看到图表，运用也是十分便利。假如不能衔接外网的话，就要在echarts的官网里

第二段代码如下图所示：

这儿的上面的代码其实便是在echart仿制过来的，你们能够看回思路解说里边的图，里边赤色框的数据，咱们用变量[[LVAR1]]替代，LVAR1便是经过中继器保存起来的文本标签的值。所今后续咱们就能够直接修正中继器表格，完结主动生成图表。

第三段代码如下图所示：

榜首段代码和第三段代码是坚持不变的。咱们其实只需求修正中继器的代码就能够了。

柱状图、条形图、环形图、玫瑰图、雷达图、k线图、漏斗图等echarts根底图表都能够用这套代码，制造思路都是共同的，用中继器替换第二段代买里边的值。这样做出来的模板，就算是彻底不明白代码的小白都能够直接运用，并且复用性很强哦。

那以上便是本期的全部内容了，感谢您的阅览，咱们下期见，88~~~

本文由@做产品但不是司理原创发布于人人都是产品司理，未经

题图来自Unsplash，依据CC0协议。