问题：Echarts折线图线条样式问题
描述: @Kener-林峰 你好，想跟你请教个问题：Echarts折线图怎么自定义两节点间线条样式. 另外还有个问题就是可以关闭markline的交互效果吗(包括tooltip) 解决方案1:引用来自“王岩”的评论同问！要做一条线，然后按照数据段给不同的样式。怎么实现？@觉醒的萝卜&如果你实现了，烦请回复；谢谢解决方案2:引用来自“王岩”的评论同问！要做一条线，然后按照数据段给不同的样式。怎么实现？@觉醒的萝卜&如果你实现了，烦请回复；谢谢解决方案3:看来是不支持的，林峰在这个帖子中回答了http://www.oschina.net/question/994解决方案4:同问！要做一条线，然后按照数据段给不同的样式。怎么实现？@觉醒的萝卜&如果你实现了，烦请回复；谢谢解决方案5:等待大牛回答,这些我不是很清楚了.解决方案6: 一、{boolean} &smooth & false & 折线图 平滑曲线显示，smooth为true时lineStyle不支持虚线
二、tooltip: { & & & & & & & & & show:false
以上介绍了“Echarts折线图线条样式问题”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：/itwd/1525657.html
上一篇： 下一篇：echarts折线图平滑_echarts+折线图+平滑
echarts+折线图+平滑
以下内容已过滤百度推广
日&-&//这句就是让曲线变平滑的 stack: '总量', data:[0, 0, 0, 0, 0, ...o echarts-折线图
o echarts将折线变平滑和去掉点的属性 猜...&&普通
日&-&echarts3.0官网上的折线图不够平滑,有棱角、看着不舒服(个人感觉),解决办法:增加一个属性
smooth:true,&&普通
我自己照例子做出来的折线图为什么不平滑呢? 只看楼主收藏回复 baduliber
默默无闻 1 我根据echarts例子做的,为什么我做出来的线条不平滑呢?是缺少什么样式吗?...&&普通
平滑曲线 标准面积图填充样式,平滑曲线 堆积面积图任意系列多维度堆积 不等距...echarts扩展百度地图扩展bmap echarts扩展百度地图扩展bmap 地图标线markline多系列 ...&&普通
日&-&//这句就是让曲线变平滑的 type:'line', stack: '总量', data:[0, 0,...o echarts图表中的点、柱形或者折线显示不出来,但是有数据的问题解决(另附后...&&普通
图谁有这张图啊... 一、{boolean} smooth false 折线图 平滑曲线显示,smooth为true时linestyle不支持...echarts力导向图,节点为图片修改样式。 (6回/5k+阅, 3...&&普通
echarts 折线图 有锯齿怎么破???echarts echarts3 23cy 6月2日提问 · 6月13日更新 关注 5 关注 收藏 0 收藏,149 浏览 问题对人有帮助,内容完整,我也想...&&普通
使用echarts实现动态曲线图表 最近做的一个在线气象观测网站要实现一个需求:使用...{ trigger: 'axis', //坐标轴触发提示框,多用于柱状、折线图中 /* 控制...&&普通
最佳答案: 选择采用 system v 共享内存的方式,主要用到的系统调用如下 shmget() 、 shmat() 、 shmdt() 及 shmctl() 头文件: #include #include更多关于echarts 折线图 平滑的问题&&&&专业问答网站
22:47&&&&9789603
求图出自哪个直播美女
23:18&&&&5755112
图美图集了一年的图
13:37&&&&6666062
杂图一些杂图图文章- 401&
&&&&&&&&&&&&&
柱状图：&&
&!DOCTYPE html&
&meta charset="utf-8"&
&title&ECharts&/title&
&!-- 为ECharts准备一个具备大小（宽高）的Dom --&
&div id="main" style="height:400width:800"&&/div&
&!-- ECharts单文件引入 --&
&script src="/build/dist/echarts.js"&&/script&
&script type="text/javascript"&
// 路径配置
require.config({
echarts: '/build/dist'
'echarts',
'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
function (ec) {
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
option = {
text: '某地区蒸发量和降水量',
subtext: '纯属虚构'
tooltip : {
trigger: 'axis'
data:['蒸发量','降水量']
toolbox: {
show : true,
feature : {
mark : {show: true},//辅助线开关
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},//类型是否转换？折线和柱形互转
restore : {show: true},//还原
saveAsImage : {show: true}//保存为图片
calculable : true,
type : 'category',
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
type : 'value'
series : [
name:'蒸发量',
type:'bar',
data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
markPoint : {
{type : 'max', name: '最大值'},
{type : 'min', name: '最小值'}
markLine : {
{type : 'average', name: '平均值'}
name:'降水量',
type:'bar',
data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
markPoint : {
{name : '年最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
{name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
markLine : {
{type : 'average', name : '平均值'}
// 为echarts对象加载数据
myChart.setOption(option);
&!DOCTYPE html&
&meta charset="utf-8"&
&title&ECharts&/title&
&!-- 为ECharts准备一个具备大小（宽高）的Dom --&
&div id="main" style="height:400width:800"&&/div&
&!-- ECharts单文件引入 --&
&script src="/build/dist/echarts.js"&&/script&
&script type="text/javascript"&
// 路径配置
require.config({
echarts: '/build/dist'
'echarts',
'echarts/chart/pie' // 使用饼图就加载pie模块，按需加载
function (ec) {
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
option = {
text: '某站点用户访问来源',
subtext: '纯属虚构',
x:'center'
tooltip : {
trigger: 'item',
formatter: "{a} &br/&{b} : {c} ({d}%)"
orient : 'vertical',
x : 'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel'],
width: '50%',
funnelAlign: 'left',
restore : {show: true},
saveAsImage : {show: true}
calculable : true,
series : [
name:'访问来源',
type:'pie',
radius : '55%',
center: ['50%', '60%'],
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
// 为echarts对象加载数据
myChart.setOption(option);
折线图：&&
&!DOCTYPE html&
&meta charset="utf-8"&
&title&ECharts&/title&
&!-- 为ECharts准备一个具备大小（宽高）的Dom --&
&div id="main" style="height:400width:800"&&/div&
&!-- ECharts单文件引入 --&
&script src="/build/dist/echarts.js"&&/script&
&script type="text/javascript"&
// 路径配置
require.config({
echarts: '/build/dist'
'echarts',
'echarts/chart/line' // 使用折线图就加载line模块，按需加载
function (ec) {
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
option = {
text: '未来一周气温变化',
subtext: '纯属虚构'
tooltip : {
trigger: 'axis'
data:['最高气温','最低气温']
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
calculable : true,
type : 'category',
boundaryGap : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
type : 'value',
axisLabel : {
formatter: '{value} &C'
series : [
name:'最高气温',
type:'line',
data:[11, 11, 15, 13, 12, 13, 10],
markPoint : {
{type : 'max', name: '最大值'},
{type : 'min', name: '最小值'}
markLine : {
{type : 'average', name: '平均值'}
name:'最低气温',
type:'line',
data:[1, -2, 2, 5, 3, 2, 0],
markPoint : {
{name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
markLine : {
{type : 'average', name : '平均值'}
// 为echarts对象加载数据
myChart.setOption(option);
&!DOCTYPE html&
&meta charset="utf-8"&
&title&ECharts&/title&
&!-- 为ECharts准备一个具备大小（宽高）的Dom --&
&div id="main" style="height:400width:800"&&/div&
&!-- ECharts单文件引入 --&
&script src="/build/dist/echarts.js"&&/script&
&script type="text/javascript"&
// 路径配置
require.config({
echarts: '/build/dist'
'echarts',
'echarts/chart/radar' // 使用雷达图就加载radar模块，按需加载
function (ec) {
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
option = {
text: '预算 vs 开销（Budget vs spending）',
subtext: '纯属虚构'
tooltip : {
trigger: 'axis'
orient : 'vertical',
x : 'right',
y : 'bottom',
data:['预算分配（Allocated Budget）','实际开销（Actual Spending）']
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
indicator : [
{ text: '销售（sales）', max: 6000},
{ text: '管理（Administration）', max: 16000},
{ text: '信息技术（Information Techology）', max: 30000},
{ text: '客服（Customer Support）', max: 38000},
{ text: '研发（Development）', max: 52000},
{ text: '市场（Marketing）', max: 25000}
calculable : true,
series : [
name: '预算 vs 开销（Budget vs spending）',
type: 'radar',
value : [4300, 10000, 28000, 35000, 50000, 19000],
name : '预算分配（Allocated Budget）'
value : [5000, 14000, 28000, 31000, 42000, 21000],
name : '实际开销（Actual Spending）'
// 为echarts对象加载数据
myChart.setOption(option);
&posted on
阅读(...) 评论() &怎么解决 ECharts 图表刷新问题
&你好，一个页面显示多个图表，我想点击按钮刷新某一个图表，怎么调用refresh（）方法来实现？谢谢。
这是问题吗？你不都说了吗？调用实例的refresh接口啊，关键是数据更新refresh才有意义，setOption吧。
--- 共有 1 条评论 ---
调用的时候要引用哪个js文件？