插件文档

【仅供内部供应商使用，不提供对外解答和培训】

Page tree

【仅供内部供应商使用，不提供对外解答和培训】

Skip to end of metadata
Go to start of metadata

看完了日历图的demo，现在让我们自己来动手制作基于eCharts的图表插件，首先您需要访问eChart的官方示例来看看有没有喜欢的图表类型。

当然你需要根据比赛规则选取您需要完成的插件内容，在这里我们举的例子是平行坐标图。

我们使用编辑器打开工程目录，打开需要修改的echarts.bridge.js文件，如下图。

然后从我们刚才打开的eCharts的平行坐标图示例中将源代码拷贝下来。

替换echarts.bridge.js中的如图所示部分。

直到...

替换后如图所示

直到...

保存之后，rebuild，启动程序，如果之前的设计器没关闭，记得提前关闭。

打开之前保存的日历图的文件，通常为worksheetXX.cpt，如果找不到该文件可以按照之前的步骤自行添加，点击预览，会发现之前的日历图已经变成了平行坐标图，是不是跟eCharts中的示例一模一样呢。

但是这样的数据就是写死在前端代码里了，不会随着设计器当中面板的配置不同而改变，接下来我们就需要对接数据，可以参考后面的看完零基础文档之后看我文档。

  • No labels

9 Comments

  1. Anonymous

    我按照上面的步骤来更改代码，为什么点击玉兰没有实现呢，显示错误。“发生的问题是：com.fr.chart.chartdata.NormalChartData cannot be cast to com.fr.plugins.calendarchart.custompie.data.TableDataContent”， 有人知道为什么吗，真心求教！~

    1. Anonymous

      我也是这个问题

      1. cgwlve

        我也遇到这个问题，可是好像没有人说解决方法

        1. yangle

          配置一下数据集

  2. 施陈平

    说好了举一个demo1  要反三个的呢?  ~~

    1. finedev

      哈哈，666，有什么问题可以在开发者交流群里多沟通

  3. tiantian

    com.fr.chart.chartdata.NormalChartData cannot be cast to com.fr.plugins.calendarchart.custompie.data.TableDataContent”我也遇到了这个错误，请问下应该如何解决啊？

    1. 剧终

      配置一下数据集

  4. 剧终

    刚刚在echarts 网站上 复制了别的图表的代码 然后粘贴进去，也能用嘿嘿

【仅供内部供应商使用，不提供对外解答和培训】