document.write("<div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13062.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span><span class=\"key\">折线</span>、<span class=\"key\">柱状</span><span class=\"key\">混合</span></a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> <span class=\"key\">ECharts</span> 功能强大，能做什么事情，完全在于我们怎么去配置它。实现<span class=\"key\">折线</span>、<span class=\"key\">柱状</span><span class=\"key\">混合</span>图如下：option.series.push({	name:&amp;nbsp;&amp;quot;序列1&am</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13062.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13062.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13063.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>平滑<span class=\"key\">折线</span>（曲线）、渐变<span class=\"key\">折线</span></a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> ;如上：smooth 为 true 表示平滑；lineStyle 表示线条样式，默认是线性渐变，更多参数，请参考：Documentation - Apache <span class=\"key\">ECharts</span>(incubating)</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13063.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13063.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13064.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>填充<span class=\"key\">折线</span>图</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> 39;#0f0&amp;#39;			}]		}	}});效果&amp;nbsp;更多参数请参考：Documentation - Apache <span class=\"key\">ECharts</span>(incubating)</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13064.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13064.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13065.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>主题</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> <span class=\"key\">ECharts</span> 颜色不满意？当然我们可以为每个序列设置自己的颜色，但是这多不方便啊，能不能用一个主题，就直接设置了呢？第一步、官方下载主题Theme Builder - Apache <span class=\"key\">ECharts</span></div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13065.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13065.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13067.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>click 事件</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> var&amp;nbsp;chart&amp;nbsp;=&amp;nbsp;<span class=\"key\">echarts</span>.init(document.getElementById(&amp;quot;chart&amp;quo</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13067.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13067.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13066.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>循环动态展示图表</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> 移到 <span class=\"key\">ECharts</span> 上时，会显示提示，会有相关的线啊、饼图会放大啊这些效果。如何自动循环动态展示这些效果，而不是鼠标移上去才展示呢？第一步、下载这个 JS这个 JS 是别人写的：<span class=\"key\">echarts</span>-au</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13066.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13066.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13068.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>最小最大值、XY 轴交换（横向柱状图）、详细 X 轴、边界缺口</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> ，适用于柱状图，X 轴标签对应着柱状图中间，当为 flase 时，适用于<span class=\"key\">折线</span>图，标签对应着刻度。效果如下：更多参数Documentation - Apache <span class=\"key\">ECharts</span>(incubating)</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13068.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13068.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2020/12/13061.asp\" target=\"_blank\"><span class=\"key\">ECharts</span> <span class=\"key\">应用</span><span class=\"key\">－</span>标示竖向、居右</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2020年12月05日</span> <span class=\"key\">ECharts</span> 标示默认是在上方、横向居左，但是当内容多时，标题与标示容易重叠，如何改下方向呢？option 设置&amp;nbsp;legend 属性如下：var&amp;nbsp;option&</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2020/12/13061.asp\" target=\"_blank\">http://www.itpow.com/c/2020/12/13061.asp</a></div></div><div class=\"item\">    <div class=\"title\"><a href=\"http://www.itpow.com/c/2021/08/16358.asp\" target=\"_blank\">EChart 指定<span class=\"key\">柱状</span>体颜色</a></div>    <div class=\"abstract\"><span class=\"pubDate\">2021年08月04日</span> 	]}太长了，也可以简单点：color:&amp;nbsp;new&amp;nbsp;<span class=\"key\">echarts</span>.graphic.LinearGradient(	0,&amp;nbsp;0,&amp;</div>    <div class=\"url\"><a href=\"http://www.itpow.com/c/2021/08/16358.asp\" target=\"_blank\">http://www.itpow.com/c/2021/08/16358.asp</a></div></div>")