设置legend样式首先设置showInLegend: true ，Highcharts设置显示legend.
在Highcharts中，你可以通过设置legend.itemStyle属性来改变图例的样式。以下是如何设置图例图标为方块并设置字体样式的示例：
legend: {
...
1年前 (2023-12-10)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，为了方便不同地区的数据使用，将一些地图数据整理出来，供大家参考，今天为大家整理的是echarts孝感市地区地图geoJson数据。
孝感，是湖北省地级市，因东汉孝子董永卖身葬父、行孝感天动地而得名。孝感是湖北省区...
1年前 (2023-12-09)
喜欢
数据大屏 项目开发中，有一个组件因为元素过多需要滚动条显示，这里会有外部组件来激活某个元素，如果这个元素没有在可视区域的话，我们需要让滚动条滚动到对应的位置让激活的元素处于可视区域内。
要让滚动条让选中的项目处于可视区域，你可以使用 DOM 的 scrollIntoView 方法...
1年前 (2023-12-09)
喜欢
vue2项目中在setup中使用this.$emit报错了。
this.$emit is not a function
在 Vue 2 中，如果使用了 Composition API 插件并且在 setup 函数中，this.$emit 是不可用的。你需要使用 setup 函数...
1年前 (2023-12-09)
喜欢
vue2项目开发中，有一个组件是用setup方法来写的，这里需要在setup里获取props的值.
在 Vue 2 中，可以在 setup 函数中直接获取 props 的值。props 是 setup 函数的第一个参数，它是一个对象，包含了所有传递给组件的 prop 的值。
以下...
1年前 (2023-12-09)
喜欢
mac系统最近两天每次开机后，谷歌浏览器都不是默认浏览器了，并且在默认设置中，也没有找到谷歌浏览器。上一次遇到这种问题是直接重新下载安装谷歌浏览器，但是每次都重新下载的话会很慢发，于是查询了一下解决思路：
如果你在Mac系统的默认浏览器设置中找不到谷歌浏览器，你可以尝试以下步骤...
1年前 (2023-12-09)
喜欢
数据可视化大屏项目开发中，echarts柱状图会遇到数据过多展示不全的情况，客户想要实现展示一部分，然后鼠标拖动或者滚轮时，实现数据切换展示。
动态效果
关键代码
这里我们使用dataZoom来实现数据展示，将数据进行分组，每组展示5条
dataZoom: [
{
...
1年前 (2023-12-08)
喜欢
数据可视化大屏项目开发中，客户要求横向柱状图横坐标只显示最大值和最小值，这里将实现代码记录下来。
实例代码
drawEcharts() {
window.addEventListener('resize', this.drawEcharts)
// 基于...
1年前 (2023-12-08)
喜欢
echarts柱状图开发中，我们需要渲染各种各样的柱状图，今天整理的柱状图为自定义图片横向柱状图。
这里我们将柱状图分为两部分 一部分为主体，主体部分拉伸不受太大的视觉影响，一部分为最右侧的异形部分。
实例代码
drawLine() {
var that = thi...
1年前 (2023-12-07)
喜欢
echarts柱状图开发中，我们需要在柱状图的顶部添加定义小方块盖在柱状图上面，让柱状图看起来像盖了一个帽子，柱状图的底部增加一个三角形装饰图标。
效果解析
颜色渐变
首先柱状图是自下而上颜色渐渐变淡的效果，我们使用颜色渐变graphic.LinearGradient来实现。
...
1年前 (2023-12-04)
喜欢
