echarts-2.2.7标准面积图颜色渐变
来源:互联网 发布:淘宝主图背景 编辑:程序博客网 时间:2024/04/29 01:04
var myChar11 = ec.init(document.getElementById('box-11'));
myChar11.setOption(
{
title : {
text: '某楼盘销售情况',
subtext: '纯属虚构'
},
tooltip : {
trigger: 'axis'
},
legend: {
data:['成交']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
boundaryGap : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'成交',
type:'line',
smooth:true,
itemStyle: {
normal: {
borderRadius: 200,
// 添加渐变颜色
color : (function (){
var zrColor = require('zrender/tool/color');
return zrColor.getLinearGradient(
0, 0,1000, 0,
[[0, 'blue'],[1, 'yellow']]
)
})(),
areaStyle: {type: 'default'}}
},
data:[100, 200, 300, 400, 500, 830, 710]
},
]
}
);
myChar11.setOption(
{
title : {
text: '某楼盘销售情况',
subtext: '纯属虚构'
},
tooltip : {
trigger: 'axis'
},
legend: {
data:['成交']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
boundaryGap : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'成交',
type:'line',
smooth:true,
itemStyle: {
normal: {
borderRadius: 200,
// 添加渐变颜色
color : (function (){
var zrColor = require('zrender/tool/color');
return zrColor.getLinearGradient(
0, 0,1000, 0,
[[0, 'blue'],[1, 'yellow']]
)
})(),
areaStyle: {type: 'default'}}
},
data:[100, 200, 300, 400, 500, 830, 710]
},
]
}
);
阅读全文
0 0
- echarts-2.2.7标准面积图颜色渐变
- echarts-2.2.7柱状颜色渐变
- echarts折线图颜色渐变
- echarts颜色渐变
- echarts柱状图颜色渐变
- ECharts颜色渐变、Y轴文字左对齐
- 柱图颜色渐变
- echarts 圆角渐变柱状形图
- Echarts之折线图(面积图)制作
- 用标准标签库写的九九乘法表(带渐变颜色)
- echarts柱状图 渐变色
- Echarts 渐变色
- 颜色渐变
- 颜色渐变
- 颜色渐变
- 颜色渐变
- 颜色渐变
- 颜色渐变
- linux终端、linuxOS、vi(vim)常用命令及简要说明
- tomcat并发
- linux设备驱动模型之device-driver
- mysql与Oracle的区别
- NFS详解
- echarts-2.2.7标准面积图颜色渐变
- 简化路径
- 数据结构实验之求二叉树后序遍历和层次遍历
- UEditor在JavaWeb中的应用
- 用jxl模板生成xls文件,并插入图片
- dubbo java.lang.reflect.MalformedParameterizedTypeException 异常问题
- javascript基础
- 真正的REST ful 架构
- 二叉树的镜像、对称的二叉树