第一部分提示词prompt:
商品 价格
p1 13
p2 41
p3 42
p4 53
p5 19
p6 28
p7 92
p8 62
城市 销量
北京 69
上海 13
南京 18
武汉 66
成都 70
你现在是一名非常专业的数据分析师，请结合上述数据完成下列几件事情
1：第一部分数据做柱形图表，第二部分数据做饼图
2：使用HTML，JS与Echarts技术实现图表的操作
3：将两个图表放在一个可视化页面中呈现
4：在图表中显示数据标签，字体18号字体，加粗，白色
5：请写出完整的代码
6：在图表中X轴与Y轴的字体18号字体，加粗，白色
7：HTML页面背景设置为黑色
