- 博客(9)
- 收藏
- 关注
RSS订阅原创 eCharts——折线图中坐标轴两边留白
折线图中常用的配置项 <script> var option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], boundaryGap: false //坐标轴两边留白 }, yA
2020-09-11 09:36:15
10975
原创 eCharts——饼图中的selectedMode
饼图中的selectedModeseries-pie. selectedMode选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选‘single’,‘multiple’,分别表示单选还是多选。实际上布尔值的true跟字符串中的‘multiple’效果一样，详细看下图。当series.selectedMode:'false’时（也就是默认状态）：当series.selectedMode:'true’或者是’multiple’时，点击扇区会如下效果：你可以发现可点击多
2020-09-10 09:55:06
11981
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
8942
原创 eCharts——柱状图中柱体上面显示数字和关于formatter的用法
柱体顶部显示数字如何实现柱体上面显示数值？首先我们需要让它显示，然后定位，设置样式，并且明确显示的数值，废话不多说，看下代码。 series: [{ label: { //柱体上显示数值 show: true,//开启显示 position: 'top',//在上方显示 textStyle: {//数值样式
2020-09-08 19:29:03
28491
原创 eCharts——柱状图中的柱体颜色渐变
柱状图中的柱体颜色渐变详细说明先来看一下柱体颜色渐变的效果以下是实现渐变效果的代码：series: [{ data: [18, 16, 8, 10, 5, 24], type: 'bar', showBackground: false, barWidth: '16px', //柱体宽度 itemStyle: {
2020-09-08 16:50:06
19210
4
原创 eCharts——柱状图中的各个配置项
Echarts 柱状图中的轴标签，轴刻度，轴线，网格线 <script> //基于准备好的dom，初始化echarts var studentNum = echarts.init(document.getElementById('student-num_chart')) //指定图表的配置项和数据 var option1 = { //x轴 xAxis: { //
2020-09-08 15:27:07
1671
原创 JavaScript语法——变量
变量在日常生活里，有些东西是固定不变的，有些东西则会发生变化。例如，人的姓名，生日是固定不变的，但心情和年龄却会随着时间的变化而变化。人们把那些发生变化的东西称为变量（variable）。假设我现在的年龄是23岁，一年之后，我的年龄是24。我可以使用变量age来存放我的年龄并在生日那天改变这个值。把值存入变量的操作称为赋值。在JS中你可以这样给变量赋值：age=23;请注意，JS允许程序...
2020-02-23 20:38:57
143
原创 CSS文本溢出显示为省略号
HTML,CSS学习笔记CSS实现单行，多行文本超出时显示为省略号1.单行溢出时，显示省略号 width: 200px; height: 50px; border: 1px solid #cccccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;显示结果：2.单行或者多行溢出的...
2019-12-19 14:58:29
238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人