
eCharts
eCharts
小美同学
学习JS中。。。
展开
-
eCharts——折线图中坐标轴两边留白
折线图中常用的配置项 <script> var option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], boundaryGap: false //坐标轴两边留白 }, yA原创 2020-09-11 09:36:15 · 12172 阅读 · 0 评论 -
eCharts——饼图中的selectedMode
饼图中的selectedModeseries-pie. selectedMode选中模式,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选‘single’,‘multiple’,分别表示单选还是多选。实际上布尔值的true跟字符串中的‘multiple’效果一样,详细看下图。当series.selectedMode:'false’时(也就是默认状态):当series.selectedMode:'true’或者是’multiple’时,点击扇区会如下效果:你可以发现可点击多原创 2020-09-10 09:55:06 · 12671 阅读 · 1 评论 -
eCharts——柱状图中的markPoint
柱状图中的markPointseries-bar.markPoint.symbol标记的图形Echarts提供的标记类型包括’circle’,‘rect’,‘roundRect’,‘triangel’,‘diamond’,‘pin’,‘arrow’,‘none’可以通过’image://url’设置为图片,其中url为图片的链接,或者dataURI。URL为图片链接例如:‘image://http://xxx.xxx.xxx/a/b.png’URL为dataURI例如:‘image://da原创 2020-09-09 13:47:47 · 9184 阅读 · 0 评论 -
eCharts——柱状图中的tooltip详解
vv原创 2020-09-09 10:46:23 · 16107 阅读 · 0 评论 -
eCharts——柱状图中柱体上面显示数字和关于formatter的用法
柱体顶部显示数字如何实现柱体上面显示数值?首先我们需要让它显示,然后定位,设置样式,并且明确显示的数值,废话不多说,看下代码。 series: [{ label: { //柱体上显示数值 show: true,//开启显示 position: 'top',//在上方显示 textStyle: {//数值样式原创 2020-09-08 19:29:03 · 30110 阅读 · 0 评论 -
eCharts——柱状图中的柱体颜色渐变
柱状图中的柱体颜色渐变详细说明先来看一下柱体颜色渐变的效果以下是实现渐变效果的代码:series: [{ data: [18, 16, 8, 10, 5, 24], type: 'bar', showBackground: false, barWidth: '16px', //柱体宽度 itemStyle: {原创 2020-09-08 16:50:06 · 21717 阅读 · 3 评论 -
eCharts——柱状图中的各个配置项
Echarts 柱状图中的轴标签,轴刻度,轴线,网格线 <script> //基于准备好的dom,初始化echarts var studentNum = echarts.init(document.getElementById('student-num_chart')) //指定图表的配置项和数据 var option1 = { //x轴 xAxis: { //原创 2020-09-08 15:27:07 · 1849 阅读 · 0 评论