<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>代码人 - echarts</title>
    <link>https://www.daimaren.com/forum.php?mod=forumdisplay&amp;fid=22</link>
    <description>Latest 20 threads of echarts</description>
    <copyright>Copyright(C) 代码人</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Wed, 22 Apr 2026 15:01:10 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://www.daimaren.com/static/image/common/logo_88_31.gif</url>
      <title>代码人</title>
      <link>https://www.daimaren.com/</link>
    </image>
    <item>
      <title>echarts 地图拖拽和缩放</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=310</link>
      <description><![CDATA[禁止拖拽和缩放
在配置中roam设置为false,开启为true]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Fri, 01 Aug 2025 09:12:29 +0000</pubDate>
    </item>
    <item>
      <title>改变echarts地图中的大小和位置</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=282</link>
      <description><![CDATA[第一步：关闭geo中的zoom

第二步：
在var option= {...}添加layoutCenter，layoutSize属性。

实例：]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Thu, 03 Apr 2025 08:09:12 +0000</pubDate>
    </item>
    <item>
      <title>vue3用ECharts实现中国地图展示城市坐标并且实现城市之间线条连接动态效果</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=277</link>
      <description><![CDATA[ECharts实现中国地图展示城市坐标实例图↓↓↓


实例完整代码：
[kkpay=10]

[/kkpay]]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Fri, 14 Mar 2025 07:39:06 +0000</pubDate>
    </item>
    <item>
      <title>ECharts中字段symbol的属性值</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=276</link>
      <description><![CDATA[ECharts的symbol属性用来定义这些标记的图形样式。ECharts内置了一些基本的符号类型，包括但不限于：
[kkpay=3]
\'circle\'：圆形
\'rect\'：矩形
\'roundRect\'：圆角矩形
\'triangle\'：三角形
\'diamond\'：菱形
\'pin\'：大头针形状
\'arrow\'：箭头
\'none\'：无标记

除了这些内置 ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Fri, 14 Mar 2025 07:35:07 +0000</pubDate>
    </item>
    <item>
      <title>Echarts柱状图修改柱子颜色渐变及柱子圆角展示</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=274</link>
      <description><![CDATA[柱状图渐变及圆角代码如下：
[kkpay=3]

import * as echarts from \'echarts\'

const echartsDom = ref(null)
let chartInstance = null

const initChart = () =&gt; {
chartInstance = echarts.init(echartsDom.value)
  var option = {
    title: {
      text: \'IT设 ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Mon, 10 Mar 2025 09:20:21 +0000</pubDate>
    </item>
    <item>
      <title>ECharts折线图，图例legend样式</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=272</link>
      <description><![CDATA[var myChart = echarts.init(document.getElementById(\'main\'));
var option = {
    legend: {
        data: [\'销量\', \'成本\'],
        left: \'right\', // 图例位置在右侧
        top: \'top\', // 图例位置在上方
        textStyle: { // 图例文本样式设置
         ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Mon, 10 Mar 2025 03:03:10 +0000</pubDate>
    </item>
    <item>
      <title>Echarts x轴字体倾斜</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=115</link>
      <description><![CDATA[操作：

[kkpay=1]
xAxis: {
                        data: this.feedingDays,
                        axisLine: {lineStyle: {color: \'#8392a5\'}},
                        axisLabel: {
                            interval: 0,
]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:18:35 +0000</pubDate>
    </item>
    <item>
      <title>Echarts鼠标悬浮时tooltip超出外层div显示不完整问题</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=114</link>
      <description><![CDATA[代码操作：[kkpay=3]
position: function(point, params, dom, rect, size){
         //  size为当前窗口大小
         if((size.viewSize[0]/2)&gt;=point[0]){
             //其中point为当前鼠标的位置
             return [point[0]+50,\'10%\'];
         }else{
    ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:17:54 +0000</pubDate>
    </item>
    <item>
      <title>echarts 柱状图颜色设置</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=113</link>
      <description><![CDATA[操作：[kkpay=1]
itemStyle: {
                            normal: {
                                //这里是重点
                                color: function(params) {
                                    //注意，如果颜色太少的话，后面颜色不会自动循 ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:17:07 +0000</pubDate>
    </item>
    <item>
      <title>echarts设置网格线颜色</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=112</link>
      <description><![CDATA[代码操作：[kkpay=1]
xAxis:  {
     type: \'value\',
    //设置网格线颜色
    splitLine: {
        show: true,
        lineStyle:{
           color: [\'#315070\'],
           width: 1,
           type: \'solid\'
      }
　　}
}

xAxis:  {
      type: \'va]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:16:19 +0000</pubDate>
    </item>
    <item>
      <title>echarts中的饼状图设置颜色</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=111</link>
      <description><![CDATA[代码操作：[kkpay=1]
itemStyle: {
    normal: {
    color: function(params) {
            //自定义颜色
            var colorList = [
            \'#FE8463\', \'red\', \'green\'
            ];
            return colorList[params.dataIndex]
        }
    }
]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:15:25 +0000</pubDate>
    </item>
    <item>
      <title>echarts：Cannot read property ‘init‘ of undefined</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=110</link>
      <description><![CDATA[var myChart = echarts.init(document.getElementById(\'mywordcloud\'));

报错：
Cannot read property ‘init‘ of undefined

解决：
[kkpay=1]
在导入包的时候添加上 * as 即可
import * as echarts from echarts[/kkpay]]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:14:39 +0000</pubDate>
    </item>
    <item>
      <title>echarts中画布的清空</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=109</link>
      <description><![CDATA[代码操作：[kkpay=1]

清空画布。
myecharts.clear()；
myecharts.setOption(option);[/kkpay]]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:13:49 +0000</pubDate>
    </item>
    <item>
      <title>ECHARTS 添加LOADING加载</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=108</link>
      <description><![CDATA[代码操作：
[kkpay=1]
定义
var  captureds = echarts.init(document.getElementById(\'capturedsDetails\'));

captureds.showLoading({
            text: \'数据正在加载...\',
            textStyle: { fontSize : 30 , color: \'#444\' },
            effectOption: {b ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:12:42 +0000</pubDate>
    </item>
    <item>
      <title>echarts-设置折线图中折线线条颜色和折线点颜色</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=107</link>
      <description><![CDATA[操作：[kkpay=1]
（1）设置折线线条颜色
       lineStyle:{
             color:\'#00FF00\'
       }



（2）设置折线折点颜色

      itemStyle : {
                        normal : {
                           color:\'#00FF00\'
                }
     }[/kkpay ...]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:11:07 +0000</pubDate>
    </item>
    <item>
      <title>echarts折线图x轴 文字颜色</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=106</link>
      <description><![CDATA[操作：[kkpay=1]
在xAxis和yAxis加个属性就可以了，
axisLabel: {
color: \&quot;#999999\&quot; //刻度线标签颜色
}[/kkpay]]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:10:03 +0000</pubDate>
    </item>
    <item>
      <title>Echarts柱状图宽度：barWidth : \'25%\'</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=105</link>
      <description><![CDATA[操作：
[kkpay=1]
series: [{
              data:  [50, 80, 110, 150, 180,200,220],
              type: \'bar\',
              showBackground: true,
              barWidth : \'25%\',//柱图宽度
              backgroundStyle: {
                color: \'rgba(]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:09:04 +0000</pubDate>
    </item>
    <item>
      <title>echarts 饼图以及图例的位置及大小</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=104</link>
      <description><![CDATA[操作：[kkpay=1]
center: [\'35%\', \'50%\'], //图的位置，距离左跟上的位置
[/kkpay]]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 09:08:03 +0000</pubDate>
    </item>
    <item>
      <title>echarts x轴或y轴文本字体颜色改变</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=103</link>
      <description><![CDATA[操作：
[kkpay=1]
xAxis : [
                    {
                        type : \'category\',
                        data : [\'=70\'],
                        axisLabel: {
                            show: true,
                            textStyle]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 08:50:27 +0000</pubDate>
    </item>
    <item>
      <title>修改echarts柱状图颜色</title>
      <link>https://www.daimaren.com/forum.php?mod=viewthread&amp;tid=102</link>
      <description><![CDATA[操作：
option = {
    //这里就不重要了，可以删掉
    color: [\'#c23531\',\'#2f4554\', \'#61a0a8\'],
    xAxis: {
        type: \'category\',
        data: [\'Mon\', \'Tue\', \'Wed\', \'Thu\', \'Fri\', \'Sat\', \'Sun\']
    },
    yAxis: {
        type: \'value\]]></description>
      <category>echarts</category>
      <author>dmr</author>
      <pubDate>Wed, 25 Sep 2024 08:47:57 +0000</pubDate>
    </item>
  </channel>
</rss>