javascript - ExtJS 4 - 动态更改折线图中的图例颜色

标签 javascript extjs charts

我一直在研究如何更改折线图中的 x 图例颜色,但没有任何运气。你知道我该怎么做吗? 附上图表的图像。

enter image description here

最佳答案

您可以通过在轴配置上设置标签属性来做到这一点,如下所示:

axes: [{
    type: 'numeric',
    position: 'left',
    fields: ['data1'],
    title: {
       text: 'Sample Values',
       fontSize: 15
    },
       grid: true,
       minimum: 0
    }, {
       type: 'category',
       position: 'bottom',
       fields: ['name'],
       title: {
          text: 'Sample Values',
          fontSize: 15
       },
       label: {
          fill: '#FF0000'
       }
}],

我创建了一个fiddle这样你就可以看到它的工作原理。请注意,ExtJs 4 的配置项是 fill,而不是您期望的颜色。

关于javascript - ExtJS 4 - 动态更改折线图中的图例颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28308388/

相关文章:

php - php echo 和 javascript alert 上的变量不同

javascript - 将单个数组读入存储中

javascript - Highcharts 标记大小在悬停时/悬停后发生变化

javascript - 用于传递 javascript 数组的输入字段

javascript - XMLHttpRequest 文本发送 404 错误

javascript - .change 没有像预期的那样动态 react

javascript - Ext JS 作用域问题

javascript - Extjs 将项目添加到扩展类

javascript - 当ykey值为0且xkeys为月份时绘制折线图

r - 如何在热图上添加黑线