vueblocks/ve-charts

📈 ECharts 4.x for Vue.js 2.x. | 📈 ECharts 5.x for Vue.js 3.x in next version.

ve-charts's Issues

如何修改字体颜色？

以下设置，y轴字体还是黑色的

yAxis: {
    name: '数量',
    nameLocation: "end",//坐标位置，支持start,end，middle
    nameTextStyle: {//字体样式
        padding: 0, //距离坐标位置的距离
        fontSize: 14,//正常是不用添加
        color: "rgb(255,255,255)"

    },
    axisLabel: {
        textStyle: {
            color: "rgb(255,252,251)" //y轴字体颜色
        }
    }
},

按照文档的开始使用，yarn build 时报错了

如题

 ERROR  Failed to compile with 1 errors                                                                                       4:39:31 PM

 error  in ./node_modules/ve-charts/lib/ve-charts.min.css

Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Loading PostCSS Plugin failed: Cannot find module 'postcss-import'

(@/vue-demo/node_modules/ve-charts/.postcssrc.js)
    at load (/vue-demo/node_modules/postcss-load-config/src/plugins.js:21:13)
    at Object.keys.filter.map (/vue-demo/node_modules/postcss-load-config/src/plugins.js:53:16)
    at Array.map (<anonymous>)
    at plugins (/vue-demo/node_modules/postcss-load-config/src/plugins.js:52:8)
    at config.load.then (/vue-demo/node_modules/postcss-load-config/src/index.js:72:18)

 @ ./node_modules/ve-charts/lib/ve-charts.min.css 4:14-142 14:3-18:5 15:22-150
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://172.30.26.4:8082/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

dependences:

{
  "echarts": "^4.3.0",
  "express": "^4.16.4",
  "ve-charts": "^0.8.3",
  "vue": "^2.5.22"
}

code:

import Vue from 'vue'
import App from './App.vue'
import VeCharts from 've-charts'
import 've-charts/lib/ve-charts.min.css'

Vue.config.productionTip = false
Vue.use(VeCharts)

new Vue({
  render: h => h(App),
}).$mount('#app')

使用的仪表盘、折线图还有环形图，全部报TypeError: Cannot read property 'map' of undefined

请问这个要怎么解决呢？

使用ve-charts大于0.8.2版本时启动报错

使用vue-cli创建的空白工程，使用ve-charts大于0.8.2版本时启动报错，错误信息如图：

I need for support vue3 - ts

line chart is support markline?

like echarts: https://echarts.apache.org/examples/zh/editor.html?c=line-marker

直角坐标系不能是数组

:grid="gridArray"
直角坐标系不能是数组，Invalid prop: type check failed for prop "grid". Expected Object, got Array

gulp --production error

good day help please:

during gulp --production this series of error prompt.

{ Error
at new JS_Parse_Error (eval at (C:\xampp2\htdocs\ERP\node_module s\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :1534:18)
at js_error (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-ugl ify\node_modules\uglify-js\tools\node.js:1:1), :1542:11)
at croak (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-uglify \node_modules\uglify-js\tools\node.js:1:1), :2089:9)
at token_error (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp- uglify\node_modules\uglify-js\tools\node.js:1:1), :2097:9)
at unexpected (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-u glify\node_modules\uglify-js\tools\node.js:1:1), :2103:9)
at semicolon (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-ug lify\node_modules\uglify-js\tools\node.js:1:1), :2123:56)
at simple_statement (eval at (C:\xampp2\htdocs\ERP\node_modules\ gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2314:73)
at eval (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-uglify\ node_modules\uglify-js\tools\node.js:1:1), :2183:19)
at eval (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-uglify\ node_modules\uglify-js\tools\node.js:1:1), :2136:24)
at block_ (eval at (C:\xampp2\htdocs\ERP\node_modules\gulp-uglif y\node_modules\uglify-js\tools\node.js:1:1), :2429:20)
message: 'C:\xampp2\htdocs\ERP\main.js: SyntaxError: Unexpected token: nam e (i)',
fileName: 'C:\xampp2\htdocs\ERP\main.js',
lineNumber: 99549,
stack: 'Error\n at new JS_Parse_Error (eval at (C:\xampp2\htd ocs\ERP\node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1 ), :1534:18)\n at js_error (eval at (C:\xampp2\htdoc s\ERP\node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :1542:11)\n at croak (eval at (C:\xampp2\htdocs\ER P\node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2089:9)\n at token_error (eval at (C:\xampp2\htdocs\ER P\node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2097:9)\n at unexpected (eval at (C:\xampp2\htdocs\ERP \node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2103:9)\n at semicolon (eval at (C:\xampp2\htdocs\ERP\ node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2123:56)\n at simple_statement (eval at (C:\xampp2\htdocs\ \ERP\node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), < anonymous>:2314:73)\n at eval (eval at (C:\xampp2\htdocs\ERP\ node_modules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2183:19)\n at eval (eval at (C:\xampp2\htdocs\ERP\node_m odules\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2 136:24)\n at block_ (eval at (C:\xampp2\htdocs\ERP\node_modul es\gulp-uglify\node_modules\uglify-js\tools\node.js:1:1), :2429: 20)',
showStack: false,
showProperties: true,
plugin: 'gulp-uglify' }

import error

只要导入，vue页面就空白，浏览器控制台报以下错误，请问如何解决？
Uncaught TypeError: Cannot read property 'graphic' of undefined
at Module.fb15 (ve-charts.umd.min.js?8709:8)
at r (ve-charts.umd.min.js?8709:1)
at 068a (ve-charts.umd.min.js?8709:1)
at eval (ve-charts.umd.min.js?8709:1)
at eval (ve-charts.umd.min.js?8709:1)
at eval (ve-charts.umd.min.js?8709:1)
at Object../node_modules/_ve-charts@0.9.5@ve-charts/lib/ve-charts.umd.min.js (chunk-vendors.js:6361)
at webpack_require (app.js:849)
at fn (app.js:151)
at eval (main.js:12)

dong 号是多少啊

Cannot read property 'graphic' of undefined

您好，我用的是"echarts": "^5.1.2","ve-charts": "^0.9.10"，然后报：Uncaught TypeError: Cannot read property 'graphic' of undefined，想问一下应该怎么解决。

ie11下有错误

ie11下有错误

建议增加按需加载的功能

建议增加按需加载的功能

为什么隐藏legend之后上面还会留有大片空白

在echarts的官网发现他们也会这样留一片空白，有什么方式可以去掉吗

图例不显示了

建议增加个ref配置项，这样能获取组件内部的dom

建议增加个ref配置项，这样能获取组件内部的dom

不支持双Y轴

option = {
legend: {},
tooltip: {},
dataset: {
source: {
'Week': ['2015', '2016', '2017'],
'Vue': [1, 2, 3],
'react': [2, 3, 3]
},
dimensions:["Week", "Vue", 'react']
},
xAxis: {type: 'category'},
yAxis: [{
type: 'value',
scale: true,
axisLine: {
symbol: ['none', 'arrow']
},
splitLine: {
show: false
}
}, {
type: 'value',
scale: true,
axisLine: {
symbol: ['none', 'arrow']
},
splitLine: {
show: false
}
}],
// Declare several bar series, each will be mapped
// to a column of dataset.source by default.
series: [
{type: 'line'},
{type: 'line'}
]
};

是否能添加自定义loading配置项

是否能添加自定义loading配置项，为了保持整个网站的loading风格统一

grid属性里面的值怎么修改？

建议部署一版国内访问地址...

光是背景图用了17s加载。。

ECharts 5.x for Vue.js 3.x in next version啥时候开发

ECharts 5.x for Vue.js 3.x in next version啥时候开发

圆环图title定义数组时，前台报错

<ve-donut-chart :title="dayTitle" :data="dayChartData" :settings="chartSettings" :theme="ins"/>
title如果是数组前台报错，dayChartData是计算属性
computed: { dayTitle () { return [{ show: true, text: this.epDayTotal, subtext: 'kWh', x: 'center', y: 'center', textStyle: { fontSize: 16, fontWeight: 'normal', color: ['#333'] }, subtextStyle: { color: '#666', fontSize: 12 } }, { text: '本日用电', x: 'center', y: 'center', textStyle: { fontSize: 14, fontWeight: 'normal', color: ['#333'] } }] }, ...

vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "title". Expected Object, got Array

有ts类型支持吗

有ts类型支持吗?

什么时候可以支持vue3版本呢？

vegeo地图在本地开发时显示，打报到服务器以后打开网页却不显示地图

您好，请教一下有关ve-geo-chart的问题：vegeo地图在本地开发时显示，打报到服务器以后打开网页却不显示地图。
盼望您于百忙之中抽出空闲回复我一下，谢谢您。

文档很漂亮，是怎么做的？可以分享下吗？

如何动态更新数据？

文档里并没有提到这个部分，我需要在页面加载之后异步地获取数据，然后再加载到图表上。

ve-charts.umd.min.js:8 Uncaught TypeError: Cannot read properties of undefined (reading 'graphic')

ve-charts.umd.min.js:8 Uncaught TypeError: Cannot read properties of undefined (reading 'graphic')

npm 引入报错

"dependencies": {
    "ajv": "^7.2.1",
    "axios": "^0.18.0",
    "echarts": "^4.9.0",
    "element-ui": "^2.3.7",
    "js-cookie": "^2.2.0",
    "normalize.css": "^8.0.0",
    "nprogress": "^0.2.0",
    "v-distpicker": "^1.0.20",
    "ve-charts": "^0.9.5",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },

在 main.js 中，引入后，npm run dev 报错

import VeCharts from 've-charts'
Vue.use(VeCharts)

错误信息

ERROR  Failed to compile with 1 errors                                                         上午9:28:58

 error  in ./node_modules/ve-charts/lib/ve-charts.umd.min.js

Module parse failed: Unexpected token (8:48734)
You may need an appropriate loader to handle this file type.
|  * license : MIT
|  * http://adamwdraper.github.com/Numeral-js/
|  */(function(i,o){n=o,a="function"===typeof n?n.call(t,r,t,e):n,void 0===a||(e.exports=a)})(0,(function(){var e,t,r="2.0.6",n={},a={},i={currentLocale:............
@ ./src/main.js 8:0-33
 @ multi (webpack)-dev-server/client?http://localhost:9001 webpack/hot/dev-server ./src/main.js

因为对npm不太熟悉，不太清楚是什么问题