255,255,.6)", //颜色 fontSize: "12" //字迹大小 }, // 坐标轴线设置 axisLine: { show: false //是否显示坐标轴轴线。 } }], //Y轴坐标轴设置 yAxis: [{ type: "value", axisLabel: { //指Y轴标签文本的样式,不知道为什么X轴没有textStyle,而是直接里边的内容,文档是这么...
1. 3.配置series // ... series: [ { name: "今日", // 系列名称,用于tooltip的显示, 与legend的data是相对应的 type: "line", // 类型,是折线还是柱子还是其他的 // stack: "总量", // 是否显示图形堆叠 color: colors[0], // 这里是指对应折线`line`的颜色 areaStyle: { opacity: ".3", ...
6)linestyle:刻度线的样式,同样是一个 JavaScript 对象,可以设置线条颜色、宽度、类型等样式属性。 7、series:数据系列,包括折线图、柱状图、散点图、饼图等,可以设置系列的类型、数据、样式和标注等属性 1)type:系列类型,可选值为ine’ (折线图)、“bar’(柱状图) 、pie'(饼图)等。 2)name:系列名称。 3)...
option={series:[{type:'pie',//type为pie,表示图表为饼图data:[{value:335,name:'直接访问'},{value:234,name:'联盟广告'},{value:1548,name:'搜索引擎'}]}]}; 基本属性 id:组件id,默认不指定 name:系列名称 type:series图表类型,常用值:bar(柱形图)、line(折线图)、pie(饼图)、scatter(散点图)...
{ "seriesName": "", "seriesIndex": 1, "dataIndex": 1, "name": "" } 显示提示框 动作传入数据为object类型,参数包括dataindex(数据索引)、name(数据名)、x(横坐标位置)和y(纵坐标位置)。数据示例: { "dataIndex": 1, "name": "", "x": 1, "y": 1 } 隐藏提示框 隐藏提示框,不需要参数...
{value:135, name:'视频广告'}, {value:1548, name:'搜索引擎'} ] } ] 具体添加的代码就是: formatter: '{b}:{c}' + '\n\r' + '({d}%)', //增加了格式 如果要增加饼图的横线,则把横线标签设置为true即可: labelLine: { normal: { ...
其中,value 表示数据值,name 表示数据名称。 散点图详细的series配置项 因为之前的文章没有讲过散点图,所以散点图的title,tooltip,legend,grid,xAxis,yAxis,visualMap等配置项也会详细做一个示例 option = {title: {text: '散点图', // 标题文本left: 'center', // 标题位置textStyle: { // 标题样式col...
},series: [ {name:'Pie',type:'pie',radius:'50%',data: [ {value:1048,name:'AAA'}, {value:735,name:'BBB'}, {value:580,name:'CCC'}, {value:484,name:'DDD'}, {value:300,name:'EEE'} ] } ] }; 打开体验地址,将数据粘贴上去,就可以查看效果。
echarts series.data.name属性不管用了 这是 效果图 一个例子: series-bar.data[index].name属性,文档上说是数据项名称,但是我这样设置了name属性: data: [{name: "杨梅", value: 88},{name: "西瓜", value: 2},{name: "水蜜桃", value: 8}],但还是匹配不到对应类目,效果如下图: ...
series_name 系列名称,用于 tooltip 的显示,legend 的图例筛选。 data_pair 系列数据项,格式为 [(key1, value1), (key2, value2)]。 color 系列label 颜色。 radius 饼图的半径,数组的第一项是内半径,第二项是外半径默认设置成百分比。 center 饼图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐...