首页 > 编程知识 正文

echarts柱状分割图,echarts柱状折线复合图

时间:2023-05-05 16:33:30 阅读:157618 作者:3732

根据Title //准备的dom初始化echarts实例

varmychart=e charts.init (document.getelementbyid (' main ' ) );

//指定图表的构成项目和数据

var option={

//标题

title: {

文本: ' e charts入门示例',

subtext:“东软出品”、

左: '左',

borderColor:'red ',

borderWidth:3

(,

//工具箱

toolbox: {

show: true,

feature:{

保存为图像: {

show:true

(,

还原: {

show:true

(,

dataView:{

show:true

(,

数据zoom : {

show:true

(,

幻像类型: {

type:['line ',' bar']

() ) ) ) )。

() ) ) ) )。

(,

tooltip:{

trigger:'axis '

(,

//图例

legend: {

data: [ '销售额' ]

(,

//x轴

xAxis: {

data: [ '衬衫','毛衣','雪纺衫','裤子','高跟鞋','袜子' ]

(,

yAxis: {},

//数据

series: [{

name: '销售额',

类型: ' bar ',

data : [ 5,20,36,10,10,20 ],

市场: {

数据: [

{type:'max ',name: '最大值' },

{type:'min ',name: '最小值',symbol:'arrow'}

() ]

(,

标记线: {

数据: [

{type: 'average ',name: '平均值' }

() ]

() ) ) ) )。

() ) ) ) )。

() ]

(;

//使用刚指定的构成项目和数据显示图表。

mychart.setoption(option;

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。