{"articleSearchList":[{"id":187,"title":"echarts中tooltip 基本样式问题处理","titleArray":["","echart","s中tooltip 基本样式问题处理"],"content":"在echarts中遇到几个样式问题，现总结如下：1、tooltip中样式中 值换行在tooltip中修改加上一句代码formatter:'{b0}:{c...","userName":"xj","url":null},{"id":3490,"title":"ionic3实战使用echarts图表（柱状图）","titleArray":["ionic3实战使用","echart","s图表（柱状图）"],"content":"在公司有些东西需要投到大屏幕上去显示，也就是电视显示屏（安卓版的），但是我没普通的html代码并不能打包到上去安装使用...","userName":"Shangjin666","url":null},{"id":7908,"title":"echats 边距，间距。echart设置图表边距间距","titleArray":["echats 边距","，","间距。","echart","设置图表边距间距"],"content":"echart设置边距是使用grid\r\n//设置图标边距\r\ngrid: {\r\n top: '10%',\r\n left: '3%',\r\n right: ...","userName":"notebook","url":null},{"id":7909,"title":"echats设置x坐标从0开始，设置x坐标从原点开始。echart文档中的搜索","titleArray":["echats设置x坐标从0开始","，","设置x坐标从原点开始。","echart","文档中的搜索"],"content":"在x坐标设置boundaryGap: false即可.\r\n官方文档：https://echarts.apache.org/zh/option.html#xAxis.boundaryGap\r\n可以直接...","userName":"notebook","url":null},{"id":7921,"title":"echarts 显示坐标点。echarts 自定义显示坐标点。echarts 个性化坐标提升显示，","titleArray":["","echart","s 显示坐标点。","echart","s 自定义显示坐标点。","echart","s 个性化坐标提升显示","，",""],"content":"最简单的显示出来，直接在series中对应的数据项里边设置一下label即可label: {\r\n show: true,\r\n position: 'top&...","userName":"aojiancc2","url":null},{"id":7960,"title":"echarts自定义图表提示框。鼠标指上去显示。echarts tooltip的使用","titleArray":["","echart","s自定义图表提示框。鼠标指上去显示。","echart","s tooltip的使用"],"content":"官方文档：https://echarts.apache.org/zh/option.html#tooltip\r\n使用的是tooltip，如果只是要显示出来，直接设置trigger: ...","userName":"aojiancc2","url":null},{"id":8046,"title":"echarts修改横纵坐标颜色。修改折线图线的宽度","titleArray":["","echart","s修改横纵坐标颜色。修改折线图线的宽度"],"content":"echarts修改横坐标颜色代码主要是这样的\r\naxisLine:{\r\n lineStyle:{\r\n ...","userName":"xiuxin2","url":null},{"id":8047,"title":"echarts图例legend颜色各不相同，图例legend空心圆","titleArray":["","echart","s图例legend颜色各不相同","，","图例legend空心圆"],"content":"代码如下：legend: {\r\n // x:'right', //可设定图例在左、右、居中\r\n // padding:[0,50,0,0], \r\n //...","userName":"xiuxin2","url":null},{"id":8048,"title":"echarts折线图使用示例。包含颜色渐变，节点样式，图例legend样式等","titleArray":["","echart","s折线图使用示例。包含颜色渐变","，","节点样式","，","图例legend样式等"],"content":"设计图如下\r\n代码如下<!-- 学习趋势图 -->\r\n<template>\r\n <div class="learnTrendChartContainer&q...","userName":"aojiancc2","url":null},{"id":8049,"title":"echarts提示框tooltip属性","titleArray":["","echart","s提示框tooltip属性"],"content":"tooltip: {\r\n show: true, // 是否显示提示框组件\r\n trigger: 'axis', // 触发类型（'item'，...","userName":"xiuxin2","url":null},{"id":8058,"title":"echarts 仪表盘gauge颜色渐变。echarts圆环进度条。echarts圆环进度条弧形","titleArray":["","echart","s 仪表盘gauge颜色渐变。","echart","s圆环进度条。","echart","s圆环进度条弧形"],"content":"效果如下：\r\n配置项代码如下// 基于准备好的dom，初始化echarts实例\r\n const myChart = this.$echarts.init(document.getEl...","userName":"aojiancc2","url":null},{"id":8066,"title":"echarts 设置x坐标刻度的颜色","titleArray":["","echart","s 设置x坐标刻度的颜色"],"content":"是使用axisLabel下面的颜色设置，不是nameTextStyle不要搞混了。nameTextStyle官方解释是坐标轴名称的文字样式，要和坐标轴...","userName":"xiuxin2","url":null},{"id":8115,"title":"echarts setoption 不重新渲染","titleArray":["","echart","s setoption 不重新渲染"],"content":"Echarts渲染的逻辑如果 echarts 未实例化则进⾏实例化过程，⼀旦实例化，便会在div容器⽣成⼀个 echarts_instance属性，该...","userName":"xiuxin2","url":null},{"id":8346,"title":"echarts 图表颜色设置，饼图颜色渐变","titleArray":["","echart","s 图表颜色设置","，","饼图颜色渐变"],"content":"[TOC]echarts 图表颜色设置在外层加一个color数组就行了\r\ncolor:["#1890FF","#91CB74","#FAC858&...","userName":"notebook","url":null},{"id":8347,"title":"echarts饼图通过grid设置位置不生效。饼图设置位置","titleArray":["","echart","s饼图通过grid设置位置不生效。饼图设置位置"],"content":"grid 记得是平面直角坐标系的意思，而仪表盘、饼图这种，是通过设置中心点位置的方式定位的。所以仪表盘、饼图这种应该这样...","userName":"xiuxin3","url":null}],"preArticle":{"id":7907,"title":"vue 布局页，vue模板页，页面跳转，子页面切换，页面切换。页面模板，布局模板。vue路由配置","titleArray":null,"content":null,"userName":"aojiancc2","url":null},"nextArticle":{"id":7921,"title":"echarts 显示坐标点。echarts 自定义显示坐标点。echarts 个性化坐标提升显示，","titleArray":null,"content":null,"userName":"aojiancc2","url":null}}