echarts
共 15 篇已发布文章
【已解决】使用echarts-convert.js生成图片的时候，怎么动态修改长和宽？
在使用echarts-convertjs生成图片的时候，想要动态的生成图片的大小，怎么设置？查看echarts-convert.js源码：可以看到，在config中设置了默认width和height是1000和600，那么怎么修改呢？我们查看源码，查看到设置图片大小的是在：createChart这个方法中。而此方法又是被page.open方法调用的。查看源码，可以看到width和height是从p
【已解决】使用fastjson的时候怎么不忽略null值？
在使用fastjson的将对象序列化成json字符串的时候，如果对象属性为null的话，会被忽略掉的。有时候，这些null值还是很有用的。比如我们在使用echarts的时候，返回给前端就不能因为null而忽略，如果忽略了null值，就会出现如下的错误：那么使用fastjson怎么解决这个问题？其实很简单：方式一：单个对象的时候直接在转换jsonString的时候，后面添加SerializerPea
【已解决】echarts的echarts怎么设置图例在下面且不和X轴数据重叠?
在使用echarts的时候，默认图例是在上面的。如果图例太多，会把下面数据覆盖掉的。如下图：要将 echarts 图例显示在下方，并避免和X轴数据重叠，可以使用 legend 组件中的一些属性和方法来设置。首先，需要将 legend 组件的 orient 属性设置为 'horizontal'，
【已解决】echarts的Y轴设置name后，和Y轴的数据重叠了，怎么解决？
在使用echarts的时候，给Y轴设置了名称后，Y轴的名字和Y轴数据展示重叠了。如下图：如何解决？这里可以从两个思路：1：设置Y轴数据倾斜度2：设置名字与坐标轴的间距其中设置Y周数据倾斜度，是在yAxis的axisLabel属性中设置。比如设置倾斜度为45度。设置如下图： "axisLabel": {
【已解决】如何设置echarts折线图的颜色？
1
【已解决】如何去掉echarts折线图顶点出的原点？
使用echart默认的折线图时候，在拐点处会出现小圆点，如下图：怎么去掉这个小圆点？起始在series中可以配置：关键属性：symbolsymbol: 'none', //去掉圆点运行效果图:完整的代码：option = { xAxis: { type:
【已解决】如何设置echarts的X轴字体不重叠？
问题描述：X轴需要显示一个月的每一条，结果X轴日期数据就重叠了。如下图：怎么才能显示如下图的：有以下几种方案解决：如果EChartsX轴的axisLabel合并或者重叠，可以根据以下方法进行设置。调整X轴刻度间隔可以通过设置interval属性，调整X轴刻度的间隔，来解决axisLabel的合并或者重叠问题。例如：xAxis: { type:
【已解决】如何设置echarts的X周怎么设置不自动合并？
默认情况下，Echarts的X轴会自动合并的。如下图：那么怎么设置，不要自动合并呢？答：如果需要在ECharts中禁止X轴自动合并，可以使用 xAxis.axisLabel.interval 属性。该属性表示设置刻度标签的显示间隔，在设置为0时表示所有标签都显示，可以通过设置为1或其他正整数来控制X轴标签的显示密度。具体实例如下：option = {&nbs
【已解决】echarts的yAxis设置名字后，怎么设置字体竖着显示居中显示？
在使用echarts怎么生成如下图Y轴数据居中显示？Y轴配置json如下图：可以通过设置yAxis的nameRotate和nameTextStyle属性来实现及echarts的Y轴yAxis名字在左侧居中显示。可以使用 yAxis.name 和 yAxis.nameLocation 属性来设置Y轴名称和名称位置，以实现Y轴名称在左侧居中显示的效果
【已解决】echarts 折线图怎么设置平滑度？
在使用echarts绘画折线图的时候，默认是比较尖锐的。如下图：怎么设置成，如下图的：ECharts折线图可以通过设置折线平滑来实现。折线平滑是指对折线进行插值处理，使其形成平滑的曲线。根据ECharts官方文档，折线图的平滑程度可以通过smooth属性来控制，该属性的值可以是true或false，也可以设置成一个[0,1]的数字，表示平滑程度的比例。如果将smooth属性设置为true，则表示采
【已解决】java如何在后台生成echarts图表并将图片插入到word文档中，完整demo
需求:数据进行统计后，需要将统计好的数据生成对应的echarts图，并将echarts图插入到word文档中导出使用。不需要在页面（浏览器）上展示。这就导致了，无法通过浏览器对echarts数据进行渲染后，在提供对应的base64的字符串给后端进行下载。原理：通过无头浏览器调用js方法，使用服务端查出来的数据生成echars图片，此处使用了phantomjs作为无头浏览器(此开源项目目前处于终止状
java如何在后台生成echarts图表并将图片插入到word文档中，完整demo
下面是一个完整的Java示例代码，可以将生成echarts图表并将图片插入到Word文档中并保存到本地磁盘。import com.github.abel533.echarts.Options;import com.github.abel533.echarts.axis.CategoryAxis;import com.github.abel533.echarts.axi
java服务端生成echarts图片，并将图片保存至服务器
前言：最近公司有这样一个需求，对公司的统计数据使用图表进行展示，并且支持word导出，word文档中需要包含思路分析：首先看到图表，第一步就想到echarts或highcharts，但是我们一般使用前面2个图表软件默认需要使用html,运行在浏览器中，如果我们需要将统计图表通过word导出，首先需要将图片生成并写入到word中，那么我们现在的第一步就变成了，使用java生成echarts图表并保存
java如何在后台生成echarts图表并将图片插入到word文档中
要将echarts图表插入到Word文档中，可以使用Java的ApachePOI库和echarts-java库。下面是使用Java插入echarts图表到Word文档中的步骤：1：添加相关依赖项<dependency> <groupId>com.github.abel533</groupId> <artifact
java如何在后台生成echarts图表？
要在Java后台生成eCharts图表，可以使用Java的服务器端组件echarts-java，它为Java开发者提供了生成eCharts图表的简单API。下面是使用echarts-java生成图表的步骤：1.添加依赖项echarts-java和fastjson。<dependency> <groupId>com.github.